Hồng đào, xanh lá, nâu và đỏ nâu (gradient xuyên tâm)

Bảng màu Hồng đào, xanh lá, nâu và đỏ nâu

Gradient xuyên tâm, 40 màu: #f0b181, #9bfe8d, #6a886a, #91333a, #913c50. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0b181
#f2b47c
#f5ba74
#f7c36a
#f5ce62
#efda5c
#e4e65e
#d4f167
#c1fa75
#adfe83
#9bfe8d
#8cf995
#7ff09a
#76e49d
#71d69b
#70c797
#6fb790
#6fa987
#6e9b7e
#6c9074
#6a886a
#6a805e
#6c784e
#72703d
#7a662b
#835b1d
#8b4f1a
#904323
#923a2f
#91333a
#8f2f41
#8e2e47
#8d2e4b
#8d2f4d
#8e314e
#8f344f
#90364f
#90394f
#913b4f
#913c50

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(80.71% 0.0965 57.66) 0.0%, oklch(81.55% 0.1023 63.06) 2.6%, oklch(82.89% 0.1110 70.46) 5.1%, oklch(84.55% 0.1217 79.36) 7.7%, oklch(86.36% 0.1335 89.26) 10.3%, oklch(88.16% 0.1454 99.65) 12.8%, oklch(89.78% 0.1566 110.02) 15.4%, oklch(91.04% 0.1661 119.86) 17.9%, oklch(91.79% 0.1730 128.67) 20.5%, oklch(91.85% 0.1766 135.94) 23.1%, oklch(91.05% 0.1757 141.24) 25.6%, oklch(89.30% 0.1694 145.77) 28.2%, oklch(86.75% 0.1584 149.94) 30.8%, oklch(83.58% 0.1441 153.55) 33.3%, oklch(79.98% 0.1277 156.37) 35.9%, oklch(76.12% 0.1105 158.21) 38.5%, oklch(72.20% 0.0937 158.85) 41.0%, oklch(68.40% 0.0785 158.07) 43.6%, oklch(64.90% 0.0664 155.66) 46.2%, oklch(61.89% 0.0585 151.41) 48.7%, oklch(59.48% 0.0559 144.88) 51.3%, oklch(57.29% 0.0578 134.84) 53.8%, oklch(55.26% 0.0633 121.86) 56.4%, oklch(53.40% 0.0715 106.77) 59.0%, oklch(51.70% 0.0815 90.42) 61.5%, oklch(50.17% 0.0924 73.67) 64.1%, oklch(48.82% 0.1033 57.34) 66.7%, oklch(47.64% 0.1133 42.30) 69.2%, oklch(46.65% 0.1216 29.38) 71.8%, oklch(45.84% 0.1273 19.43) 74.4%, oklch(45.27% 0.1300 12.76) 76.9%, oklch(45.03% 0.1310 8.32) 79.5%, oklch(45.05% 0.1307 5.71) 82.1%, oklch(45.28% 0.1294 4.56) 84.6%, oklch(45.66% 0.1274 4.50) 87.2%, oklch(46.13% 0.1250 5.18) 89.7%, oklch(46.62% 0.1224 6.23) 92.3%, oklch(47.08% 0.1201 7.29) 94.9%, oklch(47.44% 0.1182 8.00) 97.4%, oklch(47.64% 0.1171 7.99) 100.0%);

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

Gradient đỏ và xanh lá

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