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

Gradient tuyến tính, 32 màu, góc 135°: #22092b, #551d70, #964cc7, #c596f1, #ecdeff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#22092b
#250b30
#2a0d36
#300f3e
#361146
#3d134f
#45165a
#4d1965
#551d70
#5e207c
#672588
#702a94
#7830a0
#8136ab
#883db5
#9044bf
#964cc7
#9d55cf
#a45fd6
#ab69dc
#b174e2
#b880e8
#be8bed
#c596f1
#cba1f5
#d1acf9
#d7b6fc
#dcc0fe
#e1c9ff
#e5d1ff
#e9d8ff
#ecdeff

CSS

background: linear-gradient(135deg in oklch, oklch(20.08% 0.0703 315.00) 0.0%, oklch(21.35% 0.0751 314.81) 3.2%, oklch(22.87% 0.0817 314.58) 6.5%, oklch(24.63% 0.0897 314.31) 9.7%, oklch(26.58% 0.0989 314.01) 12.9%, oklch(28.72% 0.1089 313.69) 16.1%, oklch(31.00% 0.1194 313.34) 19.4%, oklch(33.41% 0.1302 312.97) 22.6%, oklch(35.92% 0.1410 312.59) 25.8%, oklch(38.50% 0.1514 312.20) 29.0%, oklch(41.12% 0.1612 311.81) 32.3%, oklch(43.75% 0.1700 311.41) 35.5%, oklch(46.38% 0.1776 311.01) 38.7%, oklch(48.97% 0.1837 310.63) 41.9%, oklch(51.50% 0.1879 310.25) 45.2%, oklch(53.94% 0.1900 309.89) 48.4%, oklch(56.30% 0.1897 309.54) 51.6%, oklch(58.78% 0.1869 309.18) 54.8%, oklch(61.38% 0.1820 308.81) 58.1%, oklch(64.07% 0.1752 308.42) 61.3%, oklch(66.83% 0.1669 308.02) 64.5%, oklch(69.61% 0.1574 307.63) 67.7%, oklch(72.39% 0.1469 307.23) 71.0%, oklch(75.13% 0.1357 306.84) 74.2%, oklch(77.82% 0.1243 306.46) 77.4%, oklch(80.40% 0.1128 306.09) 80.6%, oklch(82.86% 0.1016 305.75) 83.9%, oklch(85.16% 0.0910 305.42) 87.1%, oklch(87.26% 0.0781 305.13) 90.3%, oklch(89.15% 0.0658 304.86) 93.5%, oklch(90.78% 0.0553 304.63) 96.8%, oklch(92.13% 0.0469 304.44) 100.0%);

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

Gradient bản đồ nhiệt

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