Cầu vồng từ xanh dương sang hồng đào tông pastel (gradient tuyến tính)

Bảng màu Cầu vồng từ xanh dương sang hồng đào tông pastel

Gradient tuyến tính, 32 màu, góc 180°: #d4e9f1, #8eb4e6, #c173ba, #a284ec, #fdb164. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d4e9f1
#cde6ef
#c4e1ee
#badbec
#b0d4eb
#a5cde9
#9cc5e8
#94bce7
#8eb4e6
#8babe5
#8ba4e5
#8e9de4
#9695e1
#a08cdc
#ac83d3
#b87bc8
#c173ba
#c96eae
#ce6aa5
#d068a2
#d068a7
#cb6cb6
#bd75d0
#a284ec
#759afb
#20b2f2
#00c2cb
#3bcd9e
#91ca6e
#c8c151
#ebb853
#fdb164

CSS

background: linear-gradient(180deg in oklch, oklch(92.13% 0.0248 220.08) 0.0%, oklch(90.92% 0.0293 222.84) 3.2%, oklch(89.29% 0.0351 226.26) 6.5%, oklch(87.34% 0.0420 230.27) 9.7%, oklch(85.16% 0.0498 234.77) 12.9%, oklch(82.85% 0.0582 239.70) 16.1%, oklch(80.49% 0.0668 244.96) 19.4%, oklch(78.18% 0.0754 250.49) 22.6%, oklch(76.02% 0.0838 256.19) 25.8%, oklch(74.09% 0.0915 261.99) 29.0%, oklch(72.49% 0.0985 267.81) 32.3%, oklch(71.22% 0.1047 274.35) 35.5%, oklch(70.05% 0.1108 283.61) 38.7%, oklch(68.98% 0.1170 294.83) 41.9%, oklch(68.03% 0.1230 307.00) 45.2%, oklch(67.21% 0.1287 319.15) 48.4%, oklch(66.55% 0.1340 330.26) 51.6%, oklch(66.06% 0.1388 339.37) 54.8%, oklch(65.78% 0.1430 345.47) 58.1%, oklch(65.71% 0.1465 347.57) 61.3%, oklch(65.88% 0.1490 344.68) 64.5%, oklch(66.33% 0.1506 335.69) 67.7%, oklch(67.23% 0.1508 318.91) 71.0%, oklch(68.54% 0.1499 295.34) 74.2%, oklch(70.17% 0.1480 266.67) 77.4%, oklch(72.02% 0.1454 234.60) 80.6%, oklch(73.98% 0.1258 200.79) 83.9%, oklch(75.94% 0.1393 166.94) 87.1%, oklch(77.82% 0.1361 134.72) 90.3%, oklch(79.51% 0.1333 105.83) 93.5%, oklch(80.90% 0.1310 81.94) 96.8%, oklch(81.89% 0.1295 64.74) 100.0%);

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

Gradient hoàng hôn mùa đô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