Tím và tím oải hương (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #46167d, #846db5, #c4ade5, #c781d2, #bf2c93. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#46167d
#4b1e81
#502786
#57318d
#5e3c94
#67489c
#7054a4
#7a60ac
#846db5
#8f79bd
#9985c5
#a28fcd
#ac99d4
#b4a1da
#baa7df
#c0abe3
#c4ade5
#c6ace7
#c7a9e6
#c8a4e5
#c89de2
#c895de
#c88cd9
#c781d2
#c676ca
#c56bc2
#c45fb9
#c354b0
#c149a7
#c03e9f
#bf3498
#bf2c93

CSS

background: linear-gradient(135deg in oklch, oklch(34.25% 0.1585 298.83) 0.0%, oklch(35.98% 0.1553 298.87) 3.2%, oklch(38.27% 0.1508 298.81) 6.5%, oklch(41.02% 0.1453 298.67) 9.7%, oklch(44.14% 0.1390 298.48) 12.9%, oklch(47.56% 0.1321 298.28) 16.1%, oklch(51.17% 0.1249 298.08) 19.4%, oklch(54.89% 0.1175 297.92) 22.6%, oklch(58.63% 0.1102 297.82) 25.8%, oklch(62.31% 0.1033 297.82) 29.0%, oklch(65.82% 0.0969 297.94) 32.3%, oklch(69.09% 0.0912 298.20) 35.5%, oklch(72.02% 0.0865 298.65) 38.7%, oklch(74.53% 0.0831 299.29) 41.9%, oklch(76.52% 0.0811 300.18) 45.2%, oklch(77.91% 0.0808 301.32) 48.4%, oklch(78.62% 0.0823 302.77) 51.6%, oklch(78.71% 0.0860 304.66) 54.8%, oklch(78.26% 0.0914 306.94) 58.1%, oklch(77.34% 0.0984 309.54) 61.3%, oklch(76.02% 0.1066 312.41) 64.5%, oklch(74.39% 0.1159 315.49) 67.7%, oklch(72.49% 0.1260 318.70) 71.0%, oklch(70.42% 0.1365 321.98) 74.2%, oklch(68.24% 0.1473 325.27) 77.4%, oklch(66.02% 0.1580 328.51) 80.6%, oklch(63.83% 0.1684 331.63) 83.9%, oklch(61.75% 0.1782 334.56) 87.1%, oklch(59.84% 0.1873 337.25) 90.3%, oklch(58.19% 0.1952 339.64) 93.5%, oklch(56.85% 0.2017 341.64) 96.8%, oklch(55.91% 0.2067 343.21) 100.0%);

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

Gradient vaporwave Tím mận đen

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