Cầu vồng từ đỏ sang xanh dương (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #c22755, #e2752d, #789249, #217b8e, #623199. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c22755
#c62e52
#cb364e
#d14049
#d64b43
#da553d
#dd5f36
#e06930
#e2752d
#e4802b
#e48b2c
#e0942c
#d79c2e
#c79f31
#b09e37
#949940
#789249
#5e8a51
#478259
#367e62
#287c6c
#1f7b77
#1d7b83
#217b8e
#287897
#2f749e
#376ca3
#4061a6
#4b55a6
#5447a3
#5c3b9e
#623199

CSS

background: linear-gradient(180deg in oklch, oklch(53.94% 0.1902 9.84) 0.0%, oklch(55.02% 0.1878 12.80) 3.2%, oklch(56.54% 0.1846 16.75) 6.5%, oklch(58.33% 0.1808 21.49) 9.7%, oklch(60.24% 0.1766 26.80) 12.9%, oklch(62.14% 0.1721 32.46) 16.1%, oklch(63.86% 0.1676 38.27) 19.4%, oklch(65.56% 0.1632 44.01) 22.6%, oklch(67.62% 0.1586 49.70) 25.8%, oklch(69.71% 0.1539 55.65) 29.0%, oklch(71.53% 0.1489 62.15) 32.3%, oklch(72.75% 0.1435 69.48) 35.5%, oklch(73.05% 0.1376 77.94) 38.7%, oklch(72.04% 0.1308 87.86) 41.9%, oklch(69.55% 0.1224 99.36) 45.2%, oklch(66.09% 0.1132 112.01) 48.4%, oklch(62.22% 0.1040 125.35) 51.6%, oklch(58.52% 0.0958 138.91) 54.8%, oklch(55.54% 0.0894 152.22) 58.1%, oklch(53.80% 0.0856 164.93) 61.3%, oklch(53.14% 0.0834 177.64) 64.5%, oklch(53.17% 0.0827 190.42) 67.7%, oklch(53.55% 0.0834 203.13) 71.0%, oklch(53.93% 0.0856 215.61) 74.2%, oklch(53.98% 0.0894 227.72) 77.4%, oklch(53.35% 0.0950 239.35) 80.6%, oklch(52.00% 0.1040 251.29) 83.9%, oklch(50.19% 0.1159 263.47) 87.1%, oklch(48.17% 0.1292 275.24) 90.3%, oklch(46.18% 0.1423 285.93) 93.5%, oklch(44.48% 0.1535 294.91) 96.8%, oklch(43.31% 0.1612 301.51) 100.0%);

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

Áp phích nhạc chảo thép Gradient cầu vồng Thảm hoa Kerala

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