Xanh dương nhạt, tím oải hương và xanh ô liu (gradient xuyên tâm)

Xanh dương nhạt, tím oải hương và xanh ô liu: bảng màu gồm 32 màu. #98ebf0, #a9b1e9, #b97c93, #94673e, #3b6034. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#98ebf0
#95e7f3
#93e1f5
#93daf7
#96d2f8
#9ac9f6
#9fc0f3
#a4b8ef
#a9b1e9
#ada9e2
#b2a1d9
#b59ad0
#b893c5
#ba8db9
#ba87ad
#ba81a0
#b97c93
#b77886
#b47479
#b0706c
#aa6d5f
#a46b53
#9d6948
#94673e
#8b6635
#82652e
#76652a
#6a6428
#5c632a
#4f622d
#446131
#3b6034

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.98% 0.0813 200.39) 0.0%, oklch(88.03% 0.0813 206.69) 3.2%, oklch(86.73% 0.0813 215.36) 6.5%, oklch(85.18% 0.0813 225.65) 9.7%, oklch(83.50% 0.0813 236.81) 12.9%, oklch(81.81% 0.0813 248.06) 16.1%, oklch(80.22% 0.0813 258.65) 19.4%, oklch(78.75% 0.0813 268.41) 22.6%, oklch(77.29% 0.0813 278.14) 25.8%, oklch(75.83% 0.0813 287.89) 29.0%, oklch(74.37% 0.0813 297.62) 32.3%, oklch(72.91% 0.0813 307.33) 35.5%, oklch(71.45% 0.0813 317.00) 38.7%, oklch(69.99% 0.0813 326.62) 41.9%, oklch(68.53% 0.0813 336.18) 45.2%, oklch(67.07% 0.0813 345.70) 48.4%, oklch(65.61% 0.0813 355.20) 51.6%, oklch(64.15% 0.0813 4.72) 54.8%, oklch(62.69% 0.0813 14.27) 58.1%, oklch(61.22% 0.0813 23.89) 61.3%, oklch(59.74% 0.0813 33.57) 64.5%, oklch(58.25% 0.0814 43.28) 67.7%, oklch(56.77% 0.0814 53.01) 71.0%, oklch(55.30% 0.0814 62.75) 74.2%, oklch(53.87% 0.0814 72.49) 77.4%, oklch(52.48% 0.0813 82.25) 80.6%, oklch(51.04% 0.0811 92.84) 83.9%, oklch(49.55% 0.0809 104.09) 87.1%, oklch(48.11% 0.0806 115.24) 90.3%, oklch(46.80% 0.0803 125.54) 93.5%, oklch(45.69% 0.0801 134.21) 96.8%, oklch(44.88% 0.0799 140.51) 100.0%);

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

Gradient cầu vồng tông trầm

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