Tím, cam và xám liền mạch (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6b3150, #d27649, #b3a179, #5e5b76, #653755. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6b3150
#753450
#83384e
#933e4a
#a14646
#ae5043
#bb5c44
#c86946
#d27649
#d9824c
#dd8c4f
#df9453
#de9b58
#daa05f
#d1a366
#c2a470
#b3a179
#a79b7e
#a0917e
#99857c
#8d787b
#7c6d7b
#6b6478
#5e5b76
#535074
#4e4473
#4d3a70
#4e346c
#543267
#5c3360
#62355a
#653755

CSS

background: linear-gradient(135deg in oklch, oklch(40.16% 0.0923 348.75) 0.0%, oklch(42.09% 0.0979 354.85) 3.2%, oklch(44.82% 0.1060 3.65) 6.5%, oklch(48.01% 0.1147 13.44) 9.7%, oklch(51.36% 0.1219 22.50) 12.9%, oklch(54.70% 0.1261 29.53) 16.1%, oklch(58.50% 0.1286 35.51) 19.4%, oklch(62.41% 0.1298 40.87) 22.6%, oklch(66.00% 0.1295 45.86) 25.8%, oklch(68.86% 0.1278 50.74) 29.0%, oklch(71.14% 0.1252 55.53) 32.3%, oklch(72.99% 0.1214 60.10) 35.5%, oklch(74.26% 0.1158 64.32) 38.7%, oklch(74.80% 0.1076 68.08) 41.9%, oklch(74.47% 0.0953 72.90) 45.2%, oklch(73.31% 0.0777 80.71) 48.4%, oklch(71.48% 0.0587 86.92) 51.6%, oklch(69.17% 0.0423 86.59) 54.8%, oklch(66.52% 0.0323 74.55) 58.1%, oklch(63.16% 0.0275 45.61) 61.3%, oklch(59.29% 0.0263 7.03) 64.5%, oklch(55.31% 0.0284 328.95) 67.7%, oklch(51.65% 0.0335 301.54) 71.0%, oklch(48.30% 0.0435 289.94) 74.2%, oklch(44.90% 0.0595 287.94) 77.4%, oklch(41.83% 0.0768 291.84) 80.6%, oklch(39.47% 0.0906 298.03) 83.9%, oklch(38.21% 0.0965 303.75) 87.1%, oklch(38.21% 0.0949 312.75) 90.3%, oklch(38.98% 0.0892 323.82) 93.5%, oklch(39.95% 0.0827 334.25) 96.8%, oklch(40.55% 0.0785 341.35) 100.0%);

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

Đèn lồng giấy lúc 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