Cầu vồng từ tím sang hồng cánh sen (gradient tuyến tính)

Bảng màu Cầu vồng từ tím sang hồng cánh sen

Gradient tuyến tính, 32 màu, góc 45°: #a92d80, #6888f0, #5fd281, #caa900, #c53489. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a92d80
#a72b8b
#a1279c
#9826b0
#8d2cc5
#803ad7
#7551e5
#6c6ded
#6888f0
#69a0ef
#6bb1ed
#63bee9
#4fc7df
#36cecd
#31d1b4
#48d297
#5fd281
#68d372
#69d567
#6ad55b
#76d346
#92ca09
#b3bb00
#caa900
#db9600
#e78118
#e7733f
#e46453
#de5564
#d64772
#cd3b7f
#c53489

CSS

background: linear-gradient(45deg in oklch, oklch(51.57% 0.1805 344.53) 0.0%, oklch(51.48% 0.1885 338.45) 3.2%, oklch(51.15% 0.2012 329.97) 6.5%, oklch(50.99% 0.2142 319.94) 9.7%, oklch(51.40% 0.2234 309.23) 12.9%, oklch(52.79% 0.2242 298.66) 16.1%, oklch(55.71% 0.2120 288.75) 19.4%, oklch(60.12% 0.1879 278.93) 22.6%, oklch(65.18% 0.1586 268.75) 25.8%, oklch(70.06% 0.1311 257.73) 29.0%, oklch(73.90% 0.1121 245.43) 32.3%, oklch(76.10% 0.1067 230.93) 35.5%, oklch(77.19% 0.1109 213.39) 38.7%, oklch(77.54% 0.1211 194.63) 41.9%, oklch(77.53% 0.1342 176.63) 45.2%, oklch(77.48% 0.1466 161.36) 48.4%, oklch(77.71% 0.1563 150.86) 51.6%, oklch(78.03% 0.1675 145.67) 54.8%, oklch(78.28% 0.1792 143.37) 58.1%, oklch(78.33% 0.1896 141.28) 61.3%, oklch(78.02% 0.1966 136.76) 64.5%, oklch(77.24% 0.1981 127.22) 67.7%, oklch(75.92% 0.1688 112.60) 71.0%, oklch(74.22% 0.1524 94.91) 74.2%, oklch(72.26% 0.1517 76.13) 77.4%, oklch(70.20% 0.1614 58.27) 80.6%, oklch(68.17% 0.1585 43.19) 83.9%, oklch(65.86% 0.1626 29.72) 87.1%, oklch(63.30% 0.1711 17.03) 90.3%, oklch(60.78% 0.1813 5.71) 93.5%, oklch(58.61% 0.1908 356.33) 96.8%, oklch(57.09% 0.1970 349.46) 100.0%);

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

Gradient cầu vồng vòng lặp

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