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

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

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

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

#c8c4c2
#c8c0bd
#c7bab5
#c5b3ac
#c3aca1
#c2a497
#c09d8e
#c09787
#c09184
#c18c86
#c2888e
#bf859a
#ba85a8
#b286b6
#a888c1
#9f8bc9
#988ccf
#948dd3
#928cd7
#938cda
#968bdd
#9a8ae0
#9e8ae2
#a28ce4
#a590e7
#aa95e9
#af9ceb
#b5a4ee
#bbacef
#c1b3f1
#c5b9f2
#c9bdf3

CSS

background: linear-gradient(180deg in oklch, oklch(82.28% 0.0055 37.97) 0.0%, oklch(81.23% 0.0099 38.72) 3.2%, oklch(79.76% 0.0160 40.53) 6.5%, oklch(77.99% 0.0232 42.72) 9.7%, oklch(76.09% 0.0312 44.64) 12.9%, oklch(74.18% 0.0393 45.62) 16.1%, oklch(72.41% 0.0473 44.98) 19.4%, oklch(70.92% 0.0545 42.06) 22.6%, oklch(69.85% 0.0607 36.14) 25.8%, oklch(69.09% 0.0661 26.01) 29.0%, oklch(68.54% 0.0710 12.38) 32.3%, oklch(68.17% 0.0757 356.57) 35.5%, oklch(67.94% 0.0801 339.94) 38.7%, oklch(67.81% 0.0844 323.80) 41.9%, oklch(67.75% 0.0886 309.50) 45.2%, oklch(67.73% 0.0929 298.37) 48.4%, oklch(67.70% 0.0975 291.48) 51.6%, oklch(67.66% 0.1029 287.89) 54.8%, oklch(67.64% 0.1090 286.74) 58.1%, oklch(67.69% 0.1150 287.37) 61.3%, oklch(67.86% 0.1205 289.12) 64.5%, oklch(68.18% 0.1249 291.31) 67.7%, oklch(68.69% 0.1277 293.28) 71.0%, oklch(69.45% 0.1284 294.35) 74.2%, oklch(70.56% 0.1262 294.41) 77.4%, oklch(72.13% 0.1211 294.41) 80.6%, oklch(74.01% 0.1138 294.41) 83.9%, oklch(76.05% 0.1052 294.41) 87.1%, oklch(78.09% 0.0962 294.41) 90.3%, oklch(79.97% 0.0877 294.41) 93.5%, oklch(81.56% 0.0806 294.41) 96.8%, oklch(82.68% 0.0758 294.41) 100.0%);

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

Gradient nền Zoom Gradient pastel

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