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

Gradient xuyên tâm, 32 màu: #f5f0d5, #e9ccbe, #cb7c87, #b23555, #a5133e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f5f0d5
#f5eed3
#f5ead1
#f4e7d0
#f3e2ce
#f1decb
#eed8c8
#ecd3c4
#e9ccbe
#e6c4b7
#e3bab0
#e0b0a8
#dca6a0
#d89b99
#d49093
#cf868d
#cb7c87
#c77281
#c3677a
#c05d72
#bc526a
#b84862
#b53e5b
#b23555
#af2e50
#ad274c
#ab2249
#aa1e46
#a81b43
#a71841
#a6163f
#a5133e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0358 98.44) 0.0%, oklch(94.69% 0.0355 94.27) 3.2%, oklch(93.98% 0.0347 88.58) 6.5%, oklch(93.15% 0.0337 81.81) 9.7%, oklch(92.17% 0.0328 74.37) 12.9%, oklch(91.03% 0.0325 66.68) 16.1%, oklch(89.73% 0.0330 59.17) 19.4%, oklch(88.25% 0.0348 52.25) 22.6%, oklch(86.56% 0.0382 46.31) 25.8%, oklch(84.58% 0.0432 40.71) 29.0%, oklch(82.33% 0.0496 35.19) 32.3%, oklch(79.87% 0.0570 29.87) 35.5%, oklch(77.30% 0.0651 24.89) 38.7%, oklch(74.69% 0.0737 20.35) 41.9%, oklch(72.12% 0.0824 16.39) 45.2%, oklch(69.66% 0.0910 13.12) 48.4%, oklch(67.36% 0.0993 10.68) 51.6%, oklch(65.01% 0.1084 9.17) 54.8%, oklch(62.62% 0.1180 8.41) 58.1%, oklch(60.26% 0.1279 8.24) 61.3%, oklch(58.00% 0.1376 8.46) 64.5%, oklch(55.88% 0.1466 8.89) 67.7%, oklch(53.97% 0.1547 9.34) 71.0%, oklch(52.33% 0.1612 9.64) 74.2%, oklch(51.00% 0.1661 9.78) 77.4%, oklch(49.94% 0.1696 10.09) 80.6%, oklch(49.10% 0.1720 10.53) 83.9%, oklch(48.45% 0.1736 11.06) 87.1%, oklch(47.94% 0.1745 11.60) 90.3%, oklch(47.53% 0.1751 12.12) 93.5%, oklch(47.18% 0.1757 12.55) 96.8%, oklch(46.85% 0.1764 12.84) 100.0%);

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

Thảm hoa Kerala

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