Cầu vồng từ cam sang xanh hải quân (gradient tuyến tính)

Bảng màu Cầu vồng từ cam sang xanh hải quân

Gradient tuyến tính, 40 màu, góc 45°: #db933a, #cf3cc4, #6fdce4, #fc813a, #001232. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#db933a
#df8c35
#e48231
#e97431
#ed6539
#ef5449
#ef435d
#eb3575
#e42e8f
#da31aa
#cf3cc4
#c24ddc
#b561f1
#a577ff
#9690ff
#8ba3ff
#82b4ff
#7ac2ff
#6dcffe
#6ed7f2
#6fdce4
#71dfd3
#7ae1be
#8adfa2
#a2d981
#becf5b
#d8bf31
#edac00
#fa9611
#fc813a
#f36e58
#df5d6f
#c0507f
#9d4584
#783b81
#553275
#372863
#1e1f51
#0b173f
#001232

CSS

background: linear-gradient(45deg in oklch, oklch(72.05% 0.1337 68.20) 0.0%, oklch(71.27% 0.1408 62.59) 2.6%, oklch(70.08% 0.1514 55.52) 5.1%, oklch(68.62% 0.1644 47.20) 7.7%, oklch(67.01% 0.1787 37.85) 10.3%, oklch(65.40% 0.1932 27.66) 12.8%, oklch(63.92% 0.2070 16.84) 15.4%, oklch(62.70% 0.2188 5.59) 17.9%, oklch(61.88% 0.2277 354.13) 20.5%, oklch(61.59% 0.2325 342.65) 23.1%, oklch(61.98% 0.2323 331.34) 25.6%, oklch(63.23% 0.2259 319.95) 28.2%, oklch(65.22% 0.2143 308.31) 30.8%, oklch(67.75% 0.1942 296.39) 33.3%, oklch(70.60% 0.1596 284.13) 35.9%, oklch(73.59% 0.1360 271.52) 38.5%, oklch(76.49% 0.1207 258.52) 41.0%, oklch(79.11% 0.1134 245.09) 43.6%, oklch(81.24% 0.1134 231.22) 46.2%, oklch(82.68% 0.1044 216.84) 48.7%, oklch(83.32% 0.1011 201.87) 51.3%, oklch(83.62% 0.1032 186.00) 53.8%, oklch(83.65% 0.1096 169.35) 56.4%, oklch(83.38% 0.1189 152.11) 59.0%, oklch(82.76% 0.1300 134.49) 61.5%, oklch(81.76% 0.1418 116.68) 64.1%, oklch(80.34% 0.1530 98.89) 66.7%, oklch(78.48% 0.1620 81.30) 69.2%, oklch(76.12% 0.1688 64.13) 71.8%, oklch(73.25% 0.1711 47.57) 74.4%, oklch(69.58% 0.1685 31.27) 76.9%, oklch(64.72% 0.1619 14.23) 79.5%, oklch(58.93% 0.1523 356.79) 82.1%, oklch(52.54% 0.1404 339.36) 84.6%, oklch(45.85% 0.1273 322.34) 87.2%, oklch(39.17% 0.1136 306.14) 89.7%, oklch(32.83% 0.1004 291.17) 92.3%, oklch(27.13% 0.0884 277.84) 94.9%, oklch(22.38% 0.0785 266.55) 97.4%, oklch(18.92% 0.0704 258.11) 100.0%);

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

Gradient màu giả thiên văn

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