Xanh dương, xanh lá và hồng tông pastel (gradient hình nón)

Bảng màu Xanh dương, xanh lá và hồng tông pastel

Gradient hình nón, 32 màu, góc 45°: #74acdc, #58dbc0, #9cdd80, #dab46f, #d199a4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#74acdc
#6eb1dd
#68b7dd
#61bedb
#5bc5d7
#59ccd2
#59d2cc
#59d6c6
#58dbc0
#59dfb9
#5ce3b1
#63e5a7
#6ee69d
#7ce693
#88e48b
#92e185
#9cdd80
#a5d97c
#afd477
#b9cf71
#c4c86c
#cdc26a
#d4bb6b
#dab46f
#ddae75
#dea97b
#dfa583
#dea18b
#db9e93
#d89b9a
#d59aa0
#d199a4

CSS

background: conic-gradient(from 45deg in oklch, oklch(72.44% 0.0923 245.39) 0.0%, oklch(73.21% 0.0938 239.33) 3.2%, oklch(74.30% 0.0955 230.80) 6.5%, oklch(75.58% 0.0977 220.75) 9.7%, oklch(76.93% 0.1004 210.13) 12.9%, oklch(78.22% 0.1038 199.87) 16.1%, oklch(79.34% 0.1079 190.93) 19.4%, oklch(80.27% 0.1136 183.63) 22.6%, oklch(81.17% 0.1214 177.03) 25.8%, oklch(82.02% 0.1303 170.97) 29.0%, oklch(82.77% 0.1389 165.30) 32.3%, oklch(83.36% 0.1462 159.87) 35.5%, oklch(83.76% 0.1508 154.54) 38.7%, oklch(83.93% 0.1517 149.37) 41.9%, oklch(83.86% 0.1497 144.97) 45.2%, oklch(83.60% 0.1454 140.98) 48.4%, oklch(83.20% 0.1397 136.93) 51.6%, oklch(82.72% 0.1335 132.36) 54.8%, oklch(82.20% 0.1273 126.81) 58.1%, oklch(81.68% 0.1219 119.82) 61.3%, oklch(81.06% 0.1162 111.43) 64.5%, oklch(80.35% 0.1100 102.00) 67.7%, oklch(79.59% 0.1037 91.94) 71.0%, oklch(78.83% 0.0976 81.62) 74.2%, oklch(78.10% 0.0921 71.43) 77.4%, oklch(77.43% 0.0873 61.71) 80.6%, oklch(76.77% 0.0831 51.44) 83.9%, oklch(76.10% 0.0793 40.57) 87.1%, oklch(75.45% 0.0760 29.82) 90.3%, oklch(74.87% 0.0731 19.92) 93.5%, oklch(74.38% 0.0707 11.57) 96.8%, oklch(74.02% 0.0689 5.51) 100.0%);

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

Gradient nhiều màu tông sáng

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