Cầu vồng từ be sang xanh cổ vịt (gradient tuyến tính)

Bảng màu Cầu vồng từ be sang xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 90°: #f1dfc2, #c75820, #84439a, #09759b, #32815b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1dfc2
#edd6b4
#e8c9a2
#e3ba8b
#dda973
#d8955a
#d28142
#cc6d2d
#c75820
#c1451f
#bb342b
#b6293c
#af244f
#a72764
#9d2f78
#91398b
#84439a
#764ea5
#6757ab
#5760ac
#4867ab
#386ca7
#2571a2
#09759b
#007891
#007a88
#007d80
#007f78
#008070
#188168
#288161
#32815b

CSS

background: linear-gradient(90deg in oklch, oklch(90.94% 0.0427 79.45) 0.0%, oklch(88.57% 0.0511 76.68) 3.2%, oklch(85.32% 0.0630 73.55) 6.5%, oklch(81.41% 0.0773 69.99) 9.7%, oklch(77.04% 0.0934 65.95) 12.9%, oklch(72.43% 0.1101 61.38) 16.1%, oklch(67.78% 0.1267 56.22) 19.4%, oklch(63.31% 0.1423 50.40) 22.6%, oklch(59.23% 0.1559 43.87) 25.8%, oklch(55.73% 0.1666 36.58) 29.0%, oklch(53.04% 0.1736 28.46) 32.3%, oklch(51.27% 0.1763 19.30) 35.5%, oklch(50.15% 0.1752 8.68) 38.7%, oklch(49.57% 0.1710 356.83) 41.9%, oklch(49.43% 0.1644 344.06) 45.2%, oklch(49.63% 0.1562 330.66) 48.4%, oklch(50.07% 0.1469 316.90) 51.6%, oklch(50.65% 0.1374 303.09) 54.8%, oklch(51.27% 0.1281 289.51) 58.1%, oklch(51.83% 0.1199 276.45) 61.3%, oklch(52.23% 0.1133 264.20) 64.5%, oklch(52.40% 0.1090 252.97) 67.7%, oklch(52.53% 0.1060 241.83) 71.0%, oklch(52.71% 0.1036 230.62) 74.2%, oklch(52.92% 0.0960 219.52) 77.4%, oklch(53.15% 0.0915 208.67) 80.6%, oklch(53.39% 0.0908 198.28) 83.9%, oklch(53.62% 0.0931 188.52) 87.1%, oklch(53.85% 0.0980 179.58) 90.3%, oklch(54.04% 0.0987 171.63) 93.5%, oklch(54.21% 0.0983 164.85) 96.8%, oklch(54.33% 0.0978 159.41) 100.0%);

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

Màu zine

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