Xanh hải quân, xanh cổ vịt và be (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt và be (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #001e44, #006f95, #1dd5cf, #c5ecb5, #faf1e0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

3 keyframe OKLCH chỉnh sửa được.

#001e44
#00244a
#002b51
#00345a
#003e65
#004970
#00557c
#006289
#006f95
#007ea1
#008cac
#009ab7
#00a8c0
#00b5c7
#00c1cc
#00cccf
#1dd5cf
#3fdccc
#5be2c7
#74e6c1
#8be9bc
#a1ebb8
#b4ecb5
#c5ecb5
#d3ecb6
#deecba
#e7ecc0
#eeecc7
#f3edce
#f6eed4
#f8efdb
#faf1e0

CSS

background: linear-gradient(45deg in oklch, oklch(24.02% 0.0799 255.28) 0.0%, oklch(26.06% 0.0810 253.27) 3.2%, oklch(28.61% 0.0828 250.82) 6.5%, oklch(31.61% 0.0853 248.08) 9.7%, oklch(35.00% 0.0882 245.07) 12.9%, oklch(38.69% 0.0915 241.81) 16.1%, oklch(42.62% 0.0949 238.29) 19.4%, oklch(46.72% 0.0985 234.52) 22.6%, oklch(50.91% 0.1021 230.53) 25.8%, oklch(55.12% 0.1057 226.30) 29.0%, oklch(59.27% 0.1094 221.86) 32.3%, oklch(63.30% 0.1132 217.21) 35.5%, oklch(67.14% 0.1172 212.36) 38.7%, oklch(70.70% 0.1213 207.32) 41.9%, oklch(73.92% 0.1258 202.10) 45.2%, oklch(76.73% 0.1306 196.70) 48.4%, oklch(79.09% 0.1326 191.06) 51.6%, oklch(81.20% 0.1291 184.70) 54.8%, oklch(83.10% 0.1241 177.65) 58.1%, oklch(84.82% 0.1179 170.06) 61.3%, oklch(86.37% 0.1107 162.04) 64.5%, oklch(87.76% 0.1026 153.73) 67.7%, oklch(89.00% 0.0939 145.26) 71.0%, oklch(90.12% 0.0849 136.75) 74.2%, oklch(91.12% 0.0757 128.34) 77.4%, oklch(92.01% 0.0665 120.15) 80.6%, oklch(92.82% 0.0576 112.31) 83.9%, oklch(93.56% 0.0492 104.96) 87.1%, oklch(94.24% 0.0415 98.23) 90.3%, oklch(94.87% 0.0347 92.23) 93.5%, oklch(95.48% 0.0291 87.11) 96.8%, oklch(96.06% 0.0248 82.98) 100.0%);

Trong các bộ sưu tập này

Gradient hai màu

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động