Tím, cam và vàng (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #55496d, #954a46, #de8832, #eec543, #bfdc6f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#55496d
#5a486d
#61466a
#694465
#72435e
#7a4256
#82434f
#8b464a
#954a46
#a04f42
#ab553f
#b55c3b
#bf6337
#c76b32
#cf7530
#d77e30
#de8832
#e49234
#e99b37
#eca438
#eead39
#efb63b
#efbe3f
#eec543
#ebcc49
#e7d14e
#e1d554
#dad85b
#d2da61
#cadb66
#c3dc6b
#bfdc6f

CSS

background: linear-gradient(135deg in oklch, oklch(43.31% 0.0593 298.13) 0.0%, oklch(43.56% 0.0621 306.15) 3.2%, oklch(43.81% 0.0659 317.55) 6.5%, oklch(44.15% 0.0704 330.94) 9.7%, oklch(44.66% 0.0755 344.94) 12.9%, oklch(45.44% 0.0811 358.15) 16.1%, oklch(46.57% 0.0870 9.21) 19.4%, oklch(48.15% 0.0935 17.57) 22.6%, oklch(50.15% 0.1012 24.52) 25.8%, oklch(52.46% 0.1095 30.43) 29.0%, oklch(54.96% 0.1178 35.61) 32.3%, oklch(57.53% 0.1254 40.37) 35.5%, oklch(60.06% 0.1317 45.05) 38.7%, oklch(62.49% 0.1361 49.77) 41.9%, oklch(65.06% 0.1391 53.99) 45.2%, oklch(67.70% 0.1411 57.82) 48.4%, oklch(70.32% 0.1423 61.45) 51.6%, oklch(72.83% 0.1432 65.07) 54.8%, oklch(75.14% 0.1440 68.85) 58.1%, oklch(77.16% 0.1452 72.97) 61.3%, oklch(79.04% 0.1463 77.35) 64.5%, oklch(80.78% 0.1474 81.87) 67.7%, oklch(82.34% 0.1482 86.45) 71.0%, oklch(83.68% 0.1487 90.99) 74.2%, oklch(84.77% 0.1489 95.39) 77.4%, oklch(85.56% 0.1487 99.58) 80.6%, oklch(85.95% 0.1479 103.87) 83.9%, oklch(85.98% 0.1465 108.26) 87.1%, oklch(85.78% 0.1448 112.50) 90.3%, oklch(85.47% 0.1430 116.37) 93.5%, oklch(85.18% 0.1416 119.61) 96.8%, oklch(85.04% 0.1406 122.00) 100.0%);

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

Viền vàng và vòng hoa nhài

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