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

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

Gradient tuyến tính, 32 màu, góc 135°: #356fd0, #8141bd, #d93c82, #95a000, #26b7b4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#356fd0
#3b6bd0
#4265cf
#4a5dcd
#5355ca
#5c4ec7
#6648c4
#7244c1
#8141bd
#903fb8
#9f3eb1
#ad3da8
#ba3d9f
#c43c95
#cc3c8f
#d23c89
#d93c82
#e03d76
#e64063
#eb4843
#e35f00
#c97c00
#b28f00
#95a000
#66b036
#35b764
#00b982
#00b995
#00b9a1
#00b9aa
#14b8b0
#26b7b4

CSS

background: linear-gradient(135deg in oklch, oklch(55.51% 0.1626 260.16) 0.0%, oklch(54.84% 0.1651 263.15) 3.2%, oklch(53.81% 0.1686 267.10) 6.5%, oklch(52.63% 0.1727 271.86) 9.7%, oklch(51.52% 0.1769 277.28) 12.9%, oklch(50.69% 0.1809 283.21) 16.1%, oklch(50.38% 0.1841 289.51) 19.4%, oklch(50.72% 0.1864 296.35) 22.6%, oklch(51.61% 0.1881 304.12) 25.8%, oklch(52.85% 0.1893 312.47) 29.0%, oklch(54.29% 0.1903 321.06) 32.3%, oklch(55.75% 0.1913 329.52) 35.5%, oklch(57.04% 0.1924 337.50) 38.7%, oklch(58.07% 0.1939 344.36) 41.9%, oklch(59.00% 0.1961 349.34) 45.2%, oklch(59.88% 0.1986 353.50) 48.4%, oklch(60.73% 0.2008 358.07) 51.6%, oklch(61.58% 0.2022 4.27) 54.8%, oklch(62.45% 0.2021 13.32) 58.1%, oklch(63.37% 0.2001 26.56) 61.3%, oklch(64.38% 0.1835 45.19) 64.5%, oklch(65.43% 0.1440 67.56) 67.7%, oklch(66.48% 0.1359 91.50) 71.0%, oklch(67.46% 0.1527 114.85) 74.2%, oklch(68.33% 0.1710 135.44) 77.4%, oklch(69.02% 0.1639 151.21) 80.6%, oklch(69.56% 0.1503 163.00) 83.9%, oklch(69.97% 0.1354 172.20) 87.1%, oklch(70.28% 0.1281 179.30) 90.3%, oklch(70.52% 0.1244 184.78) 93.5%, oklch(70.70% 0.1199 189.15) 96.8%, oklch(70.87% 0.1144 192.88) 100.0%);

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

Gradient cầu vồ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