Tím, xám, xanh dương và tím oải hương (gradient tuyến tính)

Bảng màu Tím, xám, xanh dương và tím oải hương

Gradient tuyến tính, 32 màu, góc 225°: #b32e5c, #673b9b, #937aa1, #569ba1, #ead1fa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b32e5c
#ae2d64
#a62c6f
#9b2b7a
#8e2c86
#812e8f
#753195
#6c359a
#673b9b
#6a419b
#71489a
#7a5098
#845996
#8c6396
#916c98
#94749b
#937aa1
#8c7fa7
#8183ac
#7388ae
#648dac
#5991a6
#5496a2
#569ba1
#5da1a9
#69a8b8
#7bb1cb
#93b8dd
#aebfeb
#c7c6f4
#dcccf8
#ead1fa

CSS

background: linear-gradient(225deg in oklch, oklch(51.97% 0.1709 4.92) 0.0%, oklch(51.27% 0.1701 359.37) 3.2%, oklch(50.16% 0.1695 351.35) 6.5%, oklch(48.83% 0.1690 341.78) 9.7%, oklch(47.47% 0.1679 331.54) 12.9%, oklch(46.27% 0.1662 321.53) 16.1%, oklch(45.40% 0.1632 312.66) 19.4%, oklch(45.07% 0.1588 305.83) 22.6%, oklch(45.45% 0.1525 301.95) 25.8%, oklch(46.67% 0.1432 301.99) 29.0%, oklch(48.56% 0.1312 305.08) 32.3%, oklch(50.90% 0.1177 309.91) 35.5%, oklch(53.46% 0.1037 315.13) 38.7%, oklch(56.03% 0.0903 319.42) 41.9%, oklch(58.38% 0.0785 321.45) 45.2%, oklch(60.30% 0.0694 319.90) 48.4%, oklch(61.57% 0.0638 313.21) 51.6%, oklch(62.22% 0.0613 300.02) 54.8%, oklch(62.45% 0.0611 282.24) 58.1%, oklch(62.46% 0.0624 262.11) 61.3%, oklch(62.47% 0.0647 241.92) 64.5%, oklch(62.67% 0.0672 223.93) 67.7%, oklch(63.29% 0.0693 210.40) 71.0%, oklch(64.53% 0.0703 203.62) 74.2%, oklch(66.62% 0.0699 205.43) 77.4%, oklch(69.57% 0.0691 214.88) 80.6%, oklch(73.10% 0.0679 229.82) 83.9%, oklch(76.93% 0.0666 248.11) 87.1%, oklch(80.76% 0.0652 267.63) 90.3%, oklch(84.30% 0.0639 286.22) 93.5%, oklch(87.27% 0.0628 301.75) 96.8%, oklch(89.37% 0.0620 312.08) 100.0%);

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

Bầu trời

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