Xám, tím hoa cà và tím oải hương (gradient tuyến tính)

Bảng màu Xám, tím hoa cà và tím oải hương

Gradient tuyến tính, 32 màu, góc 180°: #c8c4c2, #ba85a8, #a08cdd, #a892e9, #c9bdf3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c8c4c2
#c7bdb9
#c5b3ac
#c2a89c
#c09d8e
#c09485
#c28c86
#c18693
#ba85a8
#ad87bc
#9f8bca
#968dd0
#938ed4
#968ed7
#9a8dd9
#9f8cda
#a08cdd
#a08cde
#a18be0
#a18be2
#a28ce3
#a38de5
#a58fe7
#a892e9
#ab95eb
#ae99ed
#b19eef
#b6a4f0
#bbabf1
#c1b2f2
#c5b9f3
#c9bdf3

CSS

background: linear-gradient(180deg in oklch, oklch(82.28% 0.0055 37.97) 0.0%, oklch(80.54% 0.0128 39.53) 3.2%, oklch(77.99% 0.0232 42.72) 6.5%, oklch(75.12% 0.0352 45.29) 9.7%, oklch(72.41% 0.0473 44.98) 12.9%, oklch(70.33% 0.0578 39.53) 16.1%, oklch(69.10% 0.0662 26.01) 19.4%, oklch(68.37% 0.0739 4.66) 22.6%, oklch(67.99% 0.0809 339.94) 25.8%, oklch(67.83% 0.0874 316.34) 29.0%, oklch(67.75% 0.0932 298.37) 32.3%, oklch(67.70% 0.0985 289.34) 35.5%, oklch(67.85% 0.1032 286.74) 38.7%, oklch(68.14% 0.1072 288.15) 41.9%, oklch(68.48% 0.1108 291.31) 45.2%, oklch(68.78% 0.1141 293.97) 48.4%, oklch(68.97% 0.1174 294.41) 51.6%, oklch(69.04% 0.1207 294.41) 54.8%, oklch(69.07% 0.1237 294.41) 58.1%, oklch(69.15% 0.1262 294.41) 61.3%, oklch(69.39% 0.1278 294.41) 64.5%, oklch(69.87% 0.1282 294.41) 67.7%, oklch(70.54% 0.1277 294.41) 71.0%, oklch(71.35% 0.1265 294.41) 74.2%, oklch(72.31% 0.1242 294.41) 77.4%, oklch(73.40% 0.1209 294.41) 80.6%, oklch(74.63% 0.1162 294.41) 83.9%, oklch(76.20% 0.1090 294.41) 87.1%, oklch(78.05% 0.0998 294.41) 90.3%, oklch(79.92% 0.0902 294.41) 93.5%, oklch(81.54% 0.0816 294.41) 96.8%, oklch(82.68% 0.0758 294.41) 100.0%);

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

Gradient chạng vạng

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