Đỏ nâu, hồng và be tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #901f35, #cc4458, #ee827d, #f2ba9d, #dce1bd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#901f35
#942137
#9b253b
#a3283f
#ac2d44
#b5324a
#be374f
#c63d54
#cc4458
#d24b5d
#d85262
#dc5a67
#e1626c
#e46a71
#e87275
#eb7a79
#ee827d
#f08a81
#f29386
#f39b8b
#f3a390
#f3ab95
#f3b399
#f2ba9d
#f1c0a1
#efc6a3
#eccca6
#e8d2aa
#e5d7af
#e1dbb4
#dedfb9
#dce1bd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(43.31% 0.1474 15.47) 0.0%, oklch(44.48% 0.1499 15.42) 3.2%, oklch(46.05% 0.1536 15.29) 6.5%, oklch(47.92% 0.1580 15.13) 9.7%, oklch(50.00% 0.1627 14.99) 12.9%, oklch(52.17% 0.1669 14.92) 16.1%, oklch(54.35% 0.1703 14.97) 19.4%, oklch(56.43% 0.1721 15.18) 22.6%, oklch(58.33% 0.1720 15.59) 25.8%, oklch(60.16% 0.1702 16.03) 29.0%, oklch(61.99% 0.1671 16.51) 32.3%, oklch(63.81% 0.1628 17.08) 35.5%, oklch(65.61% 0.1578 17.82) 38.7%, oklch(67.38% 0.1520 18.81) 41.9%, oklch(69.12% 0.1459 20.13) 45.2%, oklch(70.82% 0.1396 21.84) 48.4%, oklch(72.48% 0.1331 23.96) 51.6%, oklch(74.15% 0.1255 26.21) 54.8%, oklch(75.80% 0.1171 28.64) 58.1%, oklch(77.43% 0.1082 31.38) 61.3%, oklch(79.00% 0.0992 34.55) 64.5%, oklch(80.50% 0.0906 38.26) 67.7%, oklch(81.89% 0.0827 42.66) 71.0%, oklch(83.17% 0.0759 47.85) 74.2%, oklch(84.32% 0.0704 54.29) 77.4%, oklch(85.38% 0.0656 62.54) 80.6%, oklch(86.36% 0.0614 71.97) 83.9%, oklch(87.25% 0.0579 81.92) 87.1%, oklch(88.04% 0.0548 91.73) 90.3%, oklch(88.72% 0.0522 100.75) 93.5%, oklch(89.30% 0.0501 108.31) 96.8%, oklch(89.76% 0.0482 113.75) 100.0%);

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

Bảng màu san hô

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