Tím, hồng cá hồi, hồng đào và nâu vàng (gradient tuyến tính)

Bảng màu Tím, hồng cá hồi, hồng đào và nâu vàng

Gradient tuyến tính, 32 màu, góc 135°: #4d3e5e, #aa5767, #ff7f71, #fdac7b, #fde586. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4d3e5e
#544062
#5d4266
#694569
#76486b
#844b6b
#924e6a
#9f5268
#aa5767
#b65b67
#c35f68
#cf646a
#dc696c
#e76d6f
#f27370
#fa7871
#ff7f71
#ff8874
#ff8f75
#ff9576
#ff9a76
#ff9f76
#fda679
#fdac7b
#feb27c
#ffba7c
#ffc27e
#ffca81
#ffd282
#ffda83
#ffe083
#fde586

CSS

background: linear-gradient(135deg in oklch, oklch(39.37% 0.0565 305.16) 0.0%, oklch(40.65% 0.0607 310.46) 3.2%, oklch(42.35% 0.0663 317.89) 6.5%, oklch(44.37% 0.0730 326.75) 9.7%, oklch(46.62% 0.0804 336.36) 12.9%, oklch(49.01% 0.0882 346.05) 16.1%, oklch(51.44% 0.0960 355.13) 19.4%, oklch(53.82% 0.1036 2.92) 22.6%, oklch(56.06% 0.1106 8.77) 25.8%, oklch(58.38% 0.1184 12.95) 29.0%, oklch(60.82% 0.1270 15.97) 32.3%, oklch(63.31% 0.1359 18.17) 35.5%, oklch(65.78% 0.1443 19.86) 38.7%, oklch(68.16% 0.1517 21.37) 41.9%, oklch(70.37% 0.1573 23.03) 45.2%, oklch(72.35% 0.1606 25.17) 48.4%, oklch(74.02% 0.1584 27.99) 51.6%, oklch(75.39% 0.1485 30.94) 54.8%, oklch(76.51% 0.1411 33.94) 58.1%, oklch(77.47% 0.1355 37.07) 61.3%, oklch(78.34% 0.1310 40.37) 64.5%, oklch(79.20% 0.1272 43.90) 67.7%, oklch(80.13% 0.1201 47.70) 71.0%, oklch(81.20% 0.1152 51.85) 74.2%, oklch(82.48% 0.1128 56.59) 77.4%, oklch(83.95% 0.1119 62.25) 80.6%, oklch(85.52% 0.1099 68.50) 83.9%, oklch(87.13% 0.1092 74.94) 87.1%, oklch(88.67% 0.1105 81.20) 90.3%, oklch(90.08% 0.1140 86.92) 93.5%, oklch(91.26% 0.1178 91.71) 96.8%, oklch(92.13% 0.1185 95.21) 100.0%);

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

Gradient chạng vạng Sọc màu WGSN 2027

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