Trắng, be và tím oải hương (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #ffffff, #fffffc, #fff8c5, #fbc7d8, #c0a3ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#fffffe
#fffffd
#fffffc
#fffffa
#fffff6
#fffef0
#ffffe3
#feffdc
#fcffd2
#fcfdcb
#fff8c5
#fff1cc
#ffeacd
#ffe3cd
#fedccd
#fdd5ce
#fcced1
#fbc7d8
#f6c0e2
#eebbed
#e4b7f6
#dab3fb
#d1aefe
#caaaff
#c4a6ff
#c0a3ff

CSS

background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(100.00% 0.0000 89.88) 3.2%, oklch(100.00% 0.0000 89.88) 6.5%, oklch(100.00% 0.0000 89.88) 9.7%, oklch(100.00% 0.0000 89.88) 12.9%, oklch(100.00% 0.0000 89.88) 16.1%, oklch(99.97% 0.0011 108.61) 19.4%, oklch(99.95% 0.0021 107.80) 22.6%, oklch(99.91% 0.0042 106.62) 25.8%, oklch(99.83% 0.0071 105.60) 29.0%, oklch(99.68% 0.0116 104.64) 32.3%, oklch(99.46% 0.0195 104.79) 35.5%, oklch(99.25% 0.0360 106.83) 38.7%, oklch(98.99% 0.0457 109.19) 41.9%, oklch(98.60% 0.0579 110.22) 45.2%, oklch(98.02% 0.0645 108.17) 48.4%, oklch(97.18% 0.0663 101.48) 51.6%, oklch(96.04% 0.0510 90.37) 54.8%, oklch(94.70% 0.0442 76.23) 58.1%, oklch(93.27% 0.0428 60.52) 61.3%, oklch(91.84% 0.0438 44.63) 64.5%, oklch(90.51% 0.0454 29.75) 67.7%, oklch(89.22% 0.0527 13.80) 71.0%, oklch(87.92% 0.0635 357.06) 74.2%, oklch(86.63% 0.0759 340.94) 77.4%, oklch(85.33% 0.0880 326.79) 80.6%, oklch(84.03% 0.0979 316.00) 83.9%, oklch(82.61% 0.1069 308.73) 87.1%, oklch(81.10% 0.1156 304.04) 90.3%, oklch(79.66% 0.1225 301.14) 93.5%, oklch(78.43% 0.1278 299.20) 96.8%, oklch(77.56% 0.1311 297.44) 100.0%);

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

Gradient mùa xuân Tím oải hươ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