Tím, nâu vàng, xám và xanh dương (gradient tuyến tính)

Bảng màu Tím, nâu vàng, xám và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #5d526e, #c38053, #c4d0ad, #75addf, #6357a2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5d526e
#66526d
#735268
#80545e
#8b5955
#966050
#a46a4f
#b47450
#c38053
#ce8b57
#d5985f
#dca46b
#dfb078
#dfbb83
#d9c48e
#cfcc9d
#c4d0ad
#bcd1b8
#b4d0bf
#a5cec5
#93cacd
#84c2d7
#7cb8de
#75addf
#6aa1de
#5c95da
#5289d5
#527dce
#5871c4
#5e66b7
#625dab
#6357a2

CSS

background: linear-gradient(45deg in oklch, oklch(46.06% 0.0455 302.34) 0.0%, oklch(46.93% 0.0492 317.61) 3.2%, oklch(48.10% 0.0544 339.89) 6.5%, oklch(49.66% 0.0606 3.96) 9.7%, oklch(51.71% 0.0673 24.61) 12.9%, oklch(54.40% 0.0748 37.59) 16.1%, oklch(57.93% 0.0846 45.22) 19.4%, oklch(61.90% 0.0948 49.86) 22.6%, oklch(65.85% 0.1028 53.56) 25.8%, oklch(69.36% 0.1062 58.30) 29.0%, oklch(72.66% 0.1045 62.53) 32.3%, oklch(75.86% 0.0991 65.98) 35.5%, oklch(78.72% 0.0916 70.49) 38.7%, oklch(80.99% 0.0835 77.88) 41.9%, oklch(82.53% 0.0745 89.58) 45.2%, oklch(83.50% 0.0620 104.81) 48.4%, oklch(83.93% 0.0495 122.27) 51.6%, oklch(83.84% 0.0407 140.67) 54.8%, oklch(83.23% 0.0390 158.99) 58.1%, oklch(81.99% 0.0453 179.58) 61.3%, oklch(80.20% 0.0565 201.33) 64.5%, oklch(78.00% 0.0699 221.54) 67.7%, oklch(75.56% 0.0825 237.51) 71.0%, oklch(72.77% 0.0942 247.16) 74.2%, oklch(69.49% 0.1074 251.86) 77.4%, oklch(66.03% 0.1198 254.20) 80.6%, oklch(62.72% 0.1292 256.79) 83.9%, oklch(59.81% 0.1332 261.98) 87.1%, oklch(56.96% 0.1312 269.25) 90.3%, oklch(54.27% 0.1257 277.07) 93.5%, oklch(52.00% 0.1196 284.09) 96.8%, oklch(50.39% 0.1157 288.96) 100.0%);

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

Tiệc cưới lụa sâm panh

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