Cầu vồng từ vàng mù tạt sang xanh cổ vịt (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 45°: #c9b843, #cc6d53, #8b3b85, #546f9e, #71b78a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c9b843
#ccb340
#d0ab40
#d3a342
#d49946
#d49049
#d3854c
#d07a4f
#cc6d53
#c66259
#bf585f
#b85066
#af486c
#a74172
#9e3c78
#953a7f
#8b3b85
#833e89
#7a428d
#724790
#6a4e93
#625798
#5a629c
#546f9e
#537b9e
#56869d
#598f9d
#5b999d
#5ca29c
#60ac97
#67b390
#71b78a

CSS

background: conic-gradient(from 45deg in oklch, oklch(77.56% 0.1364 101.25) 0.0%, oklch(76.71% 0.1338 96.44) 3.2%, oklch(75.57% 0.1298 89.77) 6.5%, oklch(74.17% 0.1255 81.85) 9.7%, oklch(72.56% 0.1219 73.26) 12.9%, oklch(70.78% 0.1200 64.61) 16.1%, oklch(68.76% 0.1204 55.87) 19.4%, oklch(66.39% 0.1226 46.40) 22.6%, oklch(63.85% 0.1258 36.57) 25.8%, oklch(61.32% 0.1295 26.80) 29.0%, oklch(58.98% 0.1328 17.51) 32.3%, oklch(56.88% 0.1357 9.00) 35.5%, oklch(54.79% 0.1397 1.02) 38.7%, oklch(52.82% 0.1436 353.36) 41.9%, oklch(51.09% 0.1464 345.85) 45.2%, oklch(49.72% 0.1470 338.29) 48.4%, oklch(48.80% 0.1442 330.71) 51.6%, oklch(48.19% 0.1381 323.86) 54.8%, oklch(47.89% 0.1297 317.18) 58.1%, oklch(47.99% 0.1202 309.90) 61.3%, oklch(48.55% 0.1106 301.22) 64.5%, oklch(49.66% 0.1018 290.36) 67.7%, oklch(51.53% 0.0915 276.89) 71.0%, oklch(53.98% 0.0805 261.65) 74.2%, oklch(56.71% 0.0704 245.72) 77.4%, oklch(59.41% 0.0632 230.14) 80.6%, oklch(61.79% 0.0606 215.93) 83.9%, oklch(64.13% 0.0643 201.77) 87.1%, oklch(66.53% 0.0724 187.47) 90.3%, oklch(68.78% 0.0824 174.14) 93.5%, oklch(70.68% 0.0917 162.88) 96.8%, oklch(72.05% 0.0978 154.79) 100.0%);

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

Sticker dán tủ đồ

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