Xanh dương, xanh dương nhạt, xanh cổ vịt và đen (gradient tuyến tính)

Bảng màu Xanh dương, xanh dương nhạt, xanh cổ vịt và đen

Gradient tuyến tính, 40 màu, góc 225°: #54b9e8, #8dedff, #95fcfb, #47858e, #00121a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#54b9e8
#55bbea
#57bfec
#5ac3ee
#5dc9f1
#60cff4
#64d5f8
#69dcfb
#6ee2ff
#7de8ff
#8dedff
#9bf1ff
#a8f5ff
#b3f8ff
#bdfbff
#c3fcff
#c5feff
#c1ffff
#b8ffff
#a6fffe
#95fcfb
#90f4f4
#8aebeb
#83dfe1
#7ad2d5
#71c4c8
#67b5ba
#5ca5ac
#52959d
#47858e
#3c757f
#326570
#295762
#1f4954
#173c47
#0f313b
#082731
#041e28
#011720
#00121a

CSS

background: linear-gradient(225deg in oklch, oklch(74.41% 0.1157 232.03) 0.0%, oklch(75.07% 0.1153 230.90) 2.6%, oklch(76.04% 0.1149 229.44) 5.1%, oklch(77.28% 0.1144 227.68) 7.7%, oklch(78.72% 0.1140 225.67) 10.3%, oklch(80.34% 0.1136 223.46) 12.8%, oklch(82.07% 0.1131 221.09) 15.4%, oklch(83.88% 0.1126 218.60) 17.9%, oklch(85.72% 0.1120 216.03) 20.5%, oklch(87.53% 0.1035 213.43) 23.1%, oklch(89.28% 0.0944 210.84) 25.6%, oklch(90.92% 0.0854 208.30) 28.2%, oklch(92.40% 0.0768 205.86) 30.8%, oklch(93.67% 0.0689 203.56) 33.3%, oklch(94.69% 0.0624 201.45) 35.9%, oklch(95.41% 0.0582 199.56) 38.5%, oklch(95.79% 0.0575 197.94) 41.0%, oklch(95.77% 0.0616 196.64) 43.6%, oklch(95.31% 0.0704 195.72) 46.2%, oklch(94.37% 0.0857 195.17) 48.7%, oklch(92.88% 0.0967 195.05) 51.3%, oklch(90.73% 0.0942 195.37) 53.8%, oklch(87.99% 0.0914 196.08) 56.4%, oklch(84.71% 0.0882 197.14) 59.0%, oklch(80.97% 0.0848 198.51) 61.5%, oklch(76.84% 0.0811 200.15) 64.1%, oklch(72.38% 0.0773 202.01) 66.7%, oklch(67.67% 0.0734 204.06) 69.2%, oklch(62.78% 0.0694 206.24) 71.8%, oklch(57.78% 0.0653 208.53) 74.4%, oklch(52.73% 0.0613 210.88) 76.9%, oklch(47.72% 0.0573 213.24) 79.5%, oklch(42.79% 0.0535 215.58) 82.1%, oklch(38.04% 0.0498 217.85) 84.6%, oklch(33.52% 0.0462 220.02) 87.2%, oklch(29.31% 0.0429 222.04) 89.7%, oklch(25.47% 0.0399 223.87) 92.3%, oklch(22.09% 0.0373 225.47) 94.9%, oklch(19.21% 0.0350 226.79) 97.4%, oklch(16.93% 0.0330 227.90) 100.0%);

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

Gradient đại dương

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