Cầu vồng từ xanh dương sang xanh cổ vịt tông trầm (gradient hình nón)

Bảng màu Cầu vồng từ xanh dương sang xanh cổ vịt tông trầm

Gradient hình nón, 32 màu, góc 45°: #3762a6, #845866, #c99e59, #a6da83, #50d0c1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3762a6
#3e5f9f
#445a95
#4b568a
#525281
#5d517c
#6b5175
#78536e
#845866
#8e5e61
#98655f
#a46d5c
#b0755a
#ba7e57
#c08855
#c59356
#c99e59
#caa95d
#cab361
#c7bd65
#c1c66b
#b9ce72
#b0d57b
#a6da83
#9cdd8b
#91e092
#85e19a
#78e0a3
#68ddad
#5cd9b6
#54d4bd
#50d0c1

CSS

background: conic-gradient(from 45deg in oklch, oklch(50.00% 0.1185 258.75) 0.0%, oklch(49.16% 0.1106 262.34) 3.2%, oklch(47.87% 0.0991 267.03) 6.5%, oklch(46.66% 0.0868 273.68) 9.7%, oklch(46.03% 0.0763 283.18) 12.9%, oklch(46.40% 0.0696 296.86) 16.1%, oklch(47.56% 0.0648 315.95) 19.4%, oklch(49.25% 0.0619 337.53) 22.6%, oklch(51.29% 0.0609 358.28) 25.8%, oklch(53.47% 0.0624 14.90) 29.0%, oklch(55.96% 0.0677 27.17) 32.3%, oklch(58.80% 0.0758 36.95) 35.5%, oklch(61.74% 0.0847 45.40) 38.7%, oklch(64.59% 0.0922 53.70) 41.9%, oklch(67.25% 0.0966 62.42) 45.2%, oklch(69.92% 0.0991 70.65) 48.4%, oklch(72.51% 0.1008 78.57) 51.6%, oklch(74.88% 0.1027 86.42) 54.8%, oklch(76.93% 0.1058 94.47) 58.1%, oklch(78.73% 0.1101 102.88) 61.3%, oklch(80.30% 0.1149 111.36) 64.5%, oklch(81.59% 0.1196 119.54) 67.7%, oklch(82.57% 0.1236 127.07) 71.0%, oklch(83.20% 0.1267 133.56) 74.2%, oklch(83.52% 0.1296 139.18) 77.4%, oklch(83.55% 0.1317 144.47) 80.6%, oklch(83.31% 0.1326 149.97) 83.9%, oklch(82.80% 0.1315 156.31) 87.1%, oklch(81.76% 0.1278 164.00) 90.3%, oklch(80.45% 0.1227 172.02) 93.5%, oklch(79.19% 0.1177 179.12) 96.8%, oklch(78.35% 0.1144 184.07) 100.0%);

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

Cỏ biển lúc triều cườ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