Tím, hồng, nâu vàng và xanh dương nhạt (bộ ba) (gradient xuyên tâm)

Bảng màu Tím, hồng, nâu vàng và xanh dương nhạt (bộ ba)

Gradient xuyên tâm, 32 màu: #99798f, #e5a6ad, #e6b992, #a9cfb4, #84b5ce. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#99798f
#a07d93
#a88297
#b3889d
#be8fa3
#ca96a8
#d59cab
#dea2ad
#e5a6ad
#e9a9ac
#ecacaa
#eeada7
#efafa3
#eeb19f
#edb39a
#eab596
#e6b992
#e1bd91
#d8c291
#cfc696
#c4ca9c
#bacda4
#b1cfad
#a9cfb4
#a2ceba
#9accbf
#93c9c3
#8dc5c7
#88c0ca
#85bccc
#84b8cd
#84b5ce

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0510 338.20) 0.0%, oklch(62.87% 0.0530 340.63) 3.2%, oklch(64.92% 0.0559 343.77) 6.5%, oklch(67.37% 0.0594 347.49) 9.7%, oklch(70.02% 0.0632 351.70) 12.9%, oklch(72.67% 0.0669 356.28) 16.1%, oklch(75.12% 0.0702 1.12) 19.4%, oklch(77.18% 0.0730 6.12) 22.6%, oklch(78.66% 0.0748 11.15) 25.8%, oklch(79.67% 0.0759 15.98) 29.0%, oklch(80.35% 0.0767 20.71) 32.3%, oklch(80.78% 0.0771 25.61) 35.5%, oklch(81.03% 0.0770 30.92) 38.7%, oklch(81.17% 0.0767 36.89) 41.9%, oklch(81.27% 0.0760 43.79) 45.2%, oklch(81.40% 0.0750 51.85) 48.4%, oklch(81.61% 0.0737 61.41) 51.6%, oklch(81.86% 0.0715 72.84) 54.8%, oklch(82.09% 0.0686 85.73) 58.1%, oklch(82.28% 0.0655 99.56) 61.3%, oklch(82.39% 0.0622 113.81) 64.5%, oklch(82.40% 0.0593 127.97) 67.7%, oklch(82.28% 0.0569 141.51) 71.0%, oklch(81.99% 0.0553 153.93) 74.2%, oklch(81.47% 0.0549 165.31) 77.4%, oklch(80.66% 0.0553 176.75) 80.6%, oklch(79.64% 0.0564 188.00) 83.9%, oklch(78.51% 0.0578 198.76) 87.1%, oklch(77.37% 0.0595 208.72) 90.3%, oklch(76.31% 0.0612 217.58) 93.5%, oklch(75.42% 0.0625 225.03) 96.8%, oklch(74.80% 0.0634 230.77) 100.0%);

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

Gradient pastel

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