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

Bảng màu Cầu vồng từ xám sang xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #b5bbc5, #f34889, #8add59, #1fc7cf, #205fc7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b5bbc5
#aeb7cc
#a8aed6
#a9a1dd
#b190df
#c17cd8
#d368c6
#e455ab
#f34889
#ff4961
#ff6138
#f77d00
#e99900
#dcaf00
#cac200
#acd31b
#8add59
#69e27d
#4be398
#32e1ac
#24dcba
#21d6c4
#21cfca
#1fc7cf
#10bed2
#00b2d3
#00a4d1
#0095cd
#0085cb
#0076cb
#0f69ca
#205fc7

CSS

background: linear-gradient(45deg in oklch, oklch(79.13% 0.0152 260.86) 0.0%, oklch(77.89% 0.0323 268.40) 3.2%, oklch(76.00% 0.0568 278.21) 6.5%, oklch(73.75% 0.0861 289.87) 9.7%, oklch(71.39% 0.1176 302.98) 12.9%, oklch(69.19% 0.1485 317.14) 16.1%, oklch(67.41% 0.1763 331.92) 19.4%, oklch(66.34% 0.1983 346.93) 22.6%, oklch(66.22% 0.2121 1.83) 25.8%, oklch(67.24% 0.2168 17.93) 29.0%, oklch(69.17% 0.2009 35.39) 32.3%, oklch(71.68% 0.1806 53.59) 35.5%, oklch(74.45% 0.1594 71.98) 38.7%, oklch(77.15% 0.1577 89.95) 41.9%, oklch(79.46% 0.1703 106.90) 45.2%, oklch(81.06% 0.1918 122.24) 48.4%, oklch(81.74% 0.1856 135.49) 51.6%, oklch(81.91% 0.1773 147.11) 54.8%, oklch(81.71% 0.1671 157.46) 58.1%, oklch(81.13% 0.1561 166.82) 61.3%, oklch(80.22% 0.1452 175.47) 64.5%, oklch(79.00% 0.1357 183.68) 67.7%, oklch(77.48% 0.1284 191.75) 71.0%, oklch(75.68% 0.1244 199.93) 74.2%, oklch(73.45% 0.1246 208.49) 77.4%, oklch(70.43% 0.1260 217.31) 80.6%, oklch(66.88% 0.1280 226.12) 83.9%, oklch(63.08% 0.1331 234.63) 87.1%, oklch(59.30% 0.1422 242.58) 90.3%, oklch(55.80% 0.1566 249.67) 93.5%, oklch(52.87% 0.1701 255.61) 96.8%, oklch(50.79% 0.1750 260.15) 100.0%);

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

Sticker dán tủ đồ

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