Tím oải hương, xám, xanh cổ vịt và cam (bộ ba) (gradient tuyến tính)

Bảng màu Tím oải hương, xám, xanh cổ vịt và cam (bộ ba)

Gradient tuyến tính, 32 màu, góc 305°: #b29ddb, #5e7083, #72bd8b, #ffc77b, #e63937. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b29ddb
#aa9ad6
#9f96cd
#9290c2
#8589b4
#7882a6
#6e7b99
#65758c
#5e7083
#596d7c
#556e7a
#53727c
#527c82
#51898a
#549a8f
#5eac90
#72bd8b
#8ecc80
#b0d670
#d1dc5c
#eedc46
#ffd753
#ffd179
#ffc77b
#ffba71
#ffa861
#ff934d
#ff7c37
#fe6222
#f4512a
#ec4431
#e63937

CSS

background: linear-gradient(305deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(72.16% 0.0870 296.31) 3.2%, oklch(69.97% 0.0809 291.60) 6.5%, oklch(67.27% 0.0733 286.17) 9.7%, oklch(64.28% 0.0649 280.03) 12.9%, oklch(61.21% 0.0564 273.23) 16.1%, oklch(58.27% 0.0484 265.80) 19.4%, oklch(55.69% 0.0416 257.79) 22.6%, oklch(53.67% 0.0366 249.23) 25.8%, oklch(52.43% 0.0341 240.15) 29.0%, oklch(52.18% 0.0348 230.60) 32.3%, oklch(53.22% 0.0393 220.34) 35.5%, oklch(55.69% 0.0477 208.68) 38.7%, oklch(59.30% 0.0592 195.87) 41.9%, oklch(63.70% 0.0731 182.24) 45.2%, oklch(68.58% 0.0886 168.14) 48.4%, oklch(73.59% 0.1049 153.88) 51.6%, oklch(78.40% 0.1213 139.82) 54.8%, oklch(82.68% 0.1370 126.27) 58.1%, oklch(86.10% 0.1512 113.58) 61.3%, oklch(88.32% 0.1631 102.07) 64.5%, oklch(89.03% 0.1525 92.02) 67.7%, oklch(88.33% 0.1190 82.77) 71.0%, oklch(86.48% 0.1131 74.07) 74.2%, oklch(83.75% 0.1200 65.96) 77.4%, oklch(80.39% 0.1346 58.43) 80.6%, oklch(76.65% 0.1547 51.52) 83.9%, oklch(72.78% 0.1787 45.22) 87.1%, oklch(69.03% 0.2036 39.56) 90.3%, oklch(65.65% 0.2056 34.55) 93.5%, oklch(62.90% 0.2076 30.20) 96.8%, oklch(61.02% 0.2094 26.54) 100.0%);

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

Bảng màu bộ bốn

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