Vàng, nâu vàng, xanh cổ vịt và xanh dương tông rực rỡ (gradient hình nón)

Bảng màu Vàng, nâu vàng, xanh cổ vịt và xanh dương tông rực rỡ

Gradient hình nón, 32 màu, góc 300°: #fcffb1, #ffd97b, #8ba578, #00869e, #008dbb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fcffb1
#fffe86
#fffa84
#fff681
#fff17f
#ffeb7c
#ffe67e
#ffdf7d
#ffd97b
#ffd276
#ffca7b
#fec282
#f8bc88
#ecb686
#d6b27c
#b4ac74
#8ba578
#699c81
#539487
#418f8c
#2c8c91
#0b8b96
#00889a
#00869e
#0085a2
#0084a7
#0a84ab
#1084ae
#0e86b2
#0689b6
#008bb9
#008dbb

CSS

background: conic-gradient(from 300deg in oklch, oklch(98.03% 0.0977 109.68) 0.0%, oklch(97.44% 0.1432 108.52) 3.2%, oklch(96.61% 0.1411 106.92) 6.5%, oklch(95.62% 0.1386 104.88) 9.7%, oklch(94.55% 0.1361 102.42) 12.9%, oklch(93.48% 0.1338 99.49) 16.1%, oklch(92.35% 0.1274 95.95) 19.4%, oklch(91.14% 0.1228 92.00) 22.6%, oklch(89.82% 0.1209 87.86) 25.8%, oklch(88.37% 0.1217 83.68) 29.0%, oklch(86.97% 0.1141 76.39) 32.3%, oklch(85.54% 0.1065 67.47) 35.5%, oklch(83.81% 0.0970 61.46) 38.7%, oklch(81.51% 0.0887 62.90) 41.9%, oklch(78.23% 0.0822 76.52) 45.2%, oklch(73.85% 0.0759 101.87) 48.4%, oklch(69.13% 0.0709 132.12) 51.6%, oklch(64.89% 0.0684 160.27) 54.8%, oklch(61.89% 0.0698 179.65) 58.1%, oklch(60.01% 0.0767 191.58) 61.3%, oklch(58.84% 0.0869 199.38) 64.5%, oklch(58.12% 0.0975 204.97) 67.7%, oklch(57.56% 0.0997 210.29) 71.0%, oklch(57.12% 0.1014 216.01) 74.2%, oklch(56.98% 0.1043 220.82) 77.4%, oklch(57.07% 0.1079 224.72) 80.6%, oklch(57.31% 0.1095 227.74) 83.9%, oklch(57.65% 0.1112 229.87) 87.1%, oklch(58.26% 0.1141 230.73) 90.3%, oklch(59.02% 0.1174 230.70) 93.5%, oklch(59.75% 0.1195 230.34) 96.8%, oklch(60.24% 0.1203 230.17) 100.0%);

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

Gradient vàng và xanh dương Hiên nhà hoa chanh

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