Tím oải hương, tím và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #e1d8f3, #a48bd2, #8f5785, #be5d32, #863118. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e1d8f3
#ddd2f1
#d6caee
#cec1ea
#c6b7e6
#beade2
#b5a2dd
#ac96d8
#a48bd2
#9b81cb
#9279c4
#8771bc
#806ab4
#7c63ab
#805da1
#875994
#8f5785
#955678
#9b566d
#a55863
#b15a57
#bb5e4a
#bf5f3c
#be5d32
#ba582d
#b5512c
#ae4a2b
#a74428
#9e3f24
#95391f
#8c351b
#863118

CSS

background: linear-gradient(270deg in oklch, oklch(89.76% 0.0386 301.64) 0.0%, oklch(88.21% 0.0437 301.26) 3.2%, oklch(86.01% 0.0510 300.71) 6.5%, oklch(83.42% 0.0594 300.13) 9.7%, oklch(80.69% 0.0681 299.66) 12.9%, oklch(77.94% 0.0766 299.42) 16.1%, oklch(74.91% 0.0864 299.33) 19.4%, oklch(71.75% 0.0964 299.34) 22.6%, oklch(68.63% 0.1050 299.43) 25.8%, oklch(65.75% 0.1109 299.52) 29.0%, oklch(62.89% 0.1137 298.37) 32.3%, oklch(60.06% 0.1145 296.65) 35.5%, oklch(57.53% 0.1137 296.23) 38.7%, oklch(55.55% 0.1121 298.96) 41.9%, oklch(54.30% 0.1092 306.63) 45.2%, oklch(53.64% 0.1034 318.80) 48.4%, oklch(53.46% 0.0973 333.23) 51.6%, oklch(53.64% 0.0935 347.62) 54.8%, oklch(54.13% 0.0947 359.88) 58.1%, oklch(55.42% 0.1021 11.78) 61.3%, oklch(57.19% 0.1131 23.33) 64.5%, oklch(58.76% 0.1245 33.26) 67.7%, oklch(59.46% 0.1329 40.28) 71.0%, oklch(58.90% 0.1370 43.15) 74.2%, oklch(57.47% 0.1389 42.42) 77.4%, oklch(55.53% 0.1392 39.91) 80.6%, oklch(53.46% 0.1385 37.44) 83.9%, oklch(51.53% 0.1370 36.58) 87.1%, oklch(49.27% 0.1338 36.44) 90.3%, oklch(46.89% 0.1295 36.51) 93.5%, oklch(44.78% 0.1254 36.66) 96.8%, oklch(43.31% 0.1226 36.75) 100.0%);

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

Gradient hoàng hôn Gradient cam và tím

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