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

Xanh dương nhạt, xanh lá đậm, xanh hải quân và xanh cổ vịt: bảng màu gồm 32 màu. #96cdfa, #002927, #36f5cb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#96cdfa
#86c6ed
#71bdd9
#5cb1bf
#4aa2a1
#409281
#3e8061
#3f6e45
#3f5d2c
#3c4f18
#374408
#303d02
#243905
#13350d
#003118
#002c21
#002927
#00272b
#002732
#00283a
#002b45
#06304f
#0b3b5c
#0c4a6d
#035d81
#007393
#008ca3
#00a5b2
#00bebe
#00d5c5
#13e8c9
#36f5cb

CSS

background: linear-gradient(225deg in oklch, oklch(82.68% 0.0854 243.98) 0.0%, oklch(79.80% 0.0852 235.92) 3.2%, oklch(75.89% 0.0850 224.25) 6.5%, oklch(71.19% 0.0848 209.99) 9.7%, oklch(65.94% 0.0845 194.14) 12.9%, oklch(60.39% 0.0842 177.69) 16.1%, oklch(54.76% 0.0838 161.66) 19.4%, oklch(49.31% 0.0834 147.04) 22.6%, oklch(44.26% 0.0829 134.84) 25.8%, oklch(39.87% 0.0823 126.06) 29.0%, oklch(36.36% 0.0816 121.70) 32.3%, oklch(33.75% 0.0805 122.81) 35.5%, oklch(31.39% 0.0787 129.51) 38.7%, oklch(29.31% 0.0762 140.65) 41.9%, oklch(27.58% 0.0683 154.93) 45.2%, oklch(26.23% 0.0512 171.36) 48.4%, oklch(25.34% 0.0440 188.69) 51.6%, oklch(24.98% 0.0427 205.69) 54.8%, oklch(25.20% 0.0462 221.09) 58.1%, oklch(26.08% 0.0543 233.68) 61.3%, oklch(27.66% 0.0660 242.25) 64.5%, oklch(30.06% 0.0703 245.64) 67.7%, oklch(33.88% 0.0760 244.82) 71.0%, oklch(39.00% 0.0837 240.63) 74.2%, oklch(45.09% 0.0930 233.80) 77.4%, oklch(51.83% 0.0983 225.08) 80.6%, oklch(58.86% 0.1041 215.14) 83.9%, oklch(65.87% 0.1124 204.76) 87.1%, oklch(72.52% 0.1238 194.64) 90.3%, oklch(78.48% 0.1380 185.52) 93.5%, oklch(83.42% 0.1516 178.13) 96.8%, oklch(87.01% 0.1571 173.18) 100.0%);

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

Gradient xanh dương và xanh lá

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