Xanh dương nhạt, xanh lá và xanh cổ vịt đậm tông lạnh (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 180°: #cbfde6, #67d2a4, #168969, #11564e, #293f44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cbfde6
#c4fae1
#baf6db
#aff1d3
#a2ecca
#94e6c1
#85e0b7
#76d9ae
#67d2a4
#58cb9b
#4ac393
#3fbb8c
#34b285
#2aa87e
#229e77
#1b9470
#168969
#137f63
#11765e
#106e59
#0f6655
#0e6052
#0e5a50
#11564e
#14514d
#184e4c
#1c4a4b
#20474a
#234549
#264247
#284046
#293f44

CSS

background: linear-gradient(180deg in oklch, oklch(95.28% 0.0593 165.94) 0.0%, oklch(94.01% 0.0638 165.75) 3.2%, oklch(92.43% 0.0703 165.44) 6.5%, oklch(90.58% 0.0781 165.04) 9.7%, oklch(88.49% 0.0869 164.59) 12.9%, oklch(86.22% 0.0961 164.16) 16.1%, oklch(83.81% 0.1050 163.77) 19.4%, oklch(81.30% 0.1134 163.49) 22.6%, oklch(78.74% 0.1205 163.34) 25.8%, oklch(76.18% 0.1259 163.39) 29.0%, oklch(73.66% 0.1291 163.67) 32.3%, oklch(71.14% 0.1297 164.18) 35.5%, oklch(68.39% 0.1282 164.75) 38.7%, oklch(65.47% 0.1249 165.42) 41.9%, oklch(62.44% 0.1203 166.20) 45.2%, oklch(59.38% 0.1147 167.13) 48.4%, oklch(56.34% 0.1083 168.23) 51.6%, oklch(53.39% 0.1015 169.53) 54.8%, oklch(50.61% 0.0946 171.07) 58.1%, oklch(48.05% 0.0880 172.86) 61.3%, oklch(45.80% 0.0820 174.94) 64.5%, oklch(43.89% 0.0769 177.37) 67.7%, oklch(42.28% 0.0717 180.45) 71.0%, oklch(40.89% 0.0663 184.13) 74.2%, oklch(39.71% 0.0607 188.24) 77.4%, oklch(38.71% 0.0551 192.61) 80.6%, oklch(37.86% 0.0497 197.06) 83.9%, oklch(37.14% 0.0445 201.42) 87.1%, oklch(36.53% 0.0397 205.53) 90.3%, oklch(35.99% 0.0354 209.20) 93.5%, oklch(35.50% 0.0318 212.26) 96.8%, oklch(35.04% 0.0289 214.55) 100.0%);

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

Gradient kính

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