Tím, hồng và be tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #b05788, #e46f8f, #ff9993, #ffc4a5, #ffedbb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b05788
#b35889
#b95b8a
#bf5d8b
#c6608c
#cd638d
#d5678e
#dd6b8f
#e46f8f
#eb738f
#f1778e
#f67c8e
#fa808e
#fd858e
#ff8b8f
#ff9291
#ff9993
#ff9f96
#ffa698
#ffac9b
#ffb29d
#ffb8a0
#ffbea2
#ffc4a5
#ffcba8
#ffd1ab
#ffd7ae
#ffddb1
#ffe2b4
#ffe6b7
#ffeab9
#ffedbb

CSS

background: linear-gradient(180deg in oklch, oklch(57.87% 0.1295 347.34) 0.0%, oklch(58.70% 0.1309 348.66) 3.2%, oklch(59.76% 0.1330 350.32) 6.5%, oklch(61.02% 0.1355 352.27) 9.7%, oklch(62.44% 0.1384 354.46) 12.9%, oklch(63.96% 0.1413 356.84) 16.1%, oklch(65.55% 0.1441 359.36) 19.4%, oklch(67.15% 0.1466 1.96) 22.6%, oklch(68.73% 0.1486 4.60) 25.8%, oklch(70.23% 0.1499 7.22) 29.0%, oklch(71.62% 0.1503 9.77) 32.3%, oklch(72.88% 0.1497 12.20) 35.5%, oklch(74.09% 0.1482 14.51) 38.7%, oklch(75.28% 0.1460 16.76) 41.9%, oklch(76.44% 0.1403 19.00) 45.2%, oklch(77.58% 0.1315 21.29) 48.4%, oklch(78.71% 0.1233 23.70) 51.6%, oklch(79.82% 0.1156 26.27) 54.8%, oklch(80.92% 0.1085 29.07) 58.1%, oklch(82.02% 0.1018 32.15) 61.3%, oklch(83.12% 0.0955 35.57) 64.5%, oklch(84.23% 0.0898 39.42) 67.7%, oklch(85.40% 0.0844 44.03) 71.0%, oklch(86.62% 0.0796 49.33) 74.2%, oklch(87.86% 0.0755 55.10) 77.4%, oklch(89.10% 0.0722 61.14) 80.6%, oklch(90.30% 0.0697 67.22) 83.9%, oklch(91.45% 0.0680 73.14) 87.1%, oklch(92.51% 0.0671 78.68) 90.3%, oklch(93.45% 0.0669 83.63) 93.5%, oklch(94.25% 0.0672 87.78) 96.8%, oklch(94.88% 0.0675 90.92) 100.0%);

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

Gradient bình minh

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