Hồng, tím oải hương và xanh dương nhạt (gradient tuyến tính)

Bảng màu Hồng, tím oải hương và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 45°: #f286fe, #e0a3f8, #cdc3f2, #bcddef, #aaf7e7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f286fe
#f188fe
#ee8cfd
#ec8ffc
#e994fb
#e798fa
#e49cf9
#e29ff9
#e0a3f8
#dea7f7
#dcabf7
#daaff6
#d7b3f6
#d4b7f6
#d2bbf5
#d0bff4
#cdc3f2
#cbc6f1
#c9caf1
#c7cef1
#c4d2f1
#c1d5f1
#bed9f0
#bcddef
#bae1ee
#b9e4ed
#b7e7ec
#b4ebec
#b1efeb
#aef2ea
#abf5e8
#aaf7e7

CSS

background: linear-gradient(45deg in oklch, oklch(77.95% 0.1970 323.44) 0.0%, oklch(78.10% 0.1919 322.94) 3.2%, oklch(78.30% 0.1848 322.31) 6.5%, oklch(78.54% 0.1763 321.54) 9.7%, oklch(78.82% 0.1672 320.63) 12.9%, oklch(79.12% 0.1579 319.59) 16.1%, oklch(79.46% 0.1491 318.41) 19.4%, oklch(79.82% 0.1409 317.17) 22.6%, oklch(80.23% 0.1326 315.98) 25.8%, oklch(80.67% 0.1242 314.69) 29.0%, oklch(81.13% 0.1159 313.15) 32.3%, oklch(81.61% 0.1076 311.22) 35.5%, oklch(82.09% 0.0996 308.76) 38.7%, oklch(82.57% 0.0917 305.76) 41.9%, oklch(83.06% 0.0833 302.66) 45.2%, oklch(83.56% 0.0750 299.26) 48.4%, oklch(84.06% 0.0669 295.26) 51.6%, oklch(84.58% 0.0597 290.40) 54.8%, oklch(85.11% 0.0538 284.38) 58.1%, oklch(85.65% 0.0494 276.86) 61.3%, oklch(86.21% 0.0463 267.08) 64.5%, oklch(86.79% 0.0442 255.68) 67.7%, oklch(87.38% 0.0431 243.56) 71.0%, oklch(87.96% 0.0431 231.64) 74.2%, oklch(88.54% 0.0440 220.81) 77.4%, oklch(89.09% 0.0460 211.93) 80.6%, oklch(89.66% 0.0499 204.42) 83.9%, oklch(90.25% 0.0557 197.74) 87.1%, oklch(90.83% 0.0623 191.92) 90.3%, oklch(91.36% 0.0690 186.97) 93.5%, oklch(91.80% 0.0747 182.90) 96.8%, oklch(92.13% 0.0785 179.72) 100.0%);

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

Gradient mùa xuân Gradient bă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