Cầu vồng từ hồng sang tím oải hương tông pastel (gradient xuyên tâm)

Cầu vồng từ hồng sang tím oải hương tông pastel: bảng màu gồm 32 màu. #ff7e8c, #fec36f, #afe09d, #5dc3df, #aa86d8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff7e8c
#ff8487
#ff8d80
#ff9678
#ff9f71
#ffa86b
#ffb166
#feba69
#fec36f
#ffcc77
#ffd47f
#fedb84
#f8e189
#ece48d
#dbe591
#c6e396
#afe09d
#98dca5
#82d8af
#72d4b9
#65d0c3
#5dcdcd
#5ac8d7
#5dc3df
#63bde5
#6cb7ea
#76afec
#83a6ed
#8f9cea
#9a93e5
#a38bde
#aa86d8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.1571 14.77) 0.0%, oklch(75.22% 0.1492 20.13) 3.2%, oklch(76.34% 0.1407 27.67) 6.5%, oklch(77.66% 0.1338 36.56) 9.7%, oklch(79.11% 0.1296 45.96) 12.9%, oklch(80.59% 0.1283 55.07) 16.1%, oklch(82.01% 0.1289 63.05) 19.4%, oklch(83.50% 0.1252 69.30) 22.6%, oklch(85.31% 0.1219 74.30) 25.8%, oklch(87.20% 0.1182 78.72) 29.0%, oklch(88.93% 0.1140 83.20) 32.3%, oklch(90.25% 0.1134 88.42) 35.5%, oklch(90.92% 0.1111 95.05) 38.7%, oklch(90.68% 0.1090 103.65) 41.9%, oklch(89.53% 0.1071 113.95) 45.2%, oklch(87.75% 0.1055 125.43) 48.4%, oklch(85.63% 0.1042 137.62) 51.6%, oklch(83.48% 0.1031 150.02) 54.8%, oklch(81.59% 0.1023 162.13) 58.1%, oklch(80.22% 0.1018 173.55) 61.3%, oklch(79.17% 0.1015 184.77) 64.5%, oklch(78.29% 0.1015 195.94) 67.7%, oklch(77.50% 0.1017 207.05) 71.0%, oklch(76.74% 0.1024 218.09) 74.2%, oklch(75.93% 0.1035 229.05) 77.4%, oklch(75.00% 0.1051 239.93) 80.6%, oklch(73.87% 0.1077 251.61) 83.9%, oklch(72.64% 0.1111 263.88) 87.1%, oklch(71.38% 0.1149 275.97) 90.3%, oklch(70.21% 0.1186 287.08) 93.5%, oklch(69.22% 0.1218 296.44) 96.8%, oklch(68.50% 0.1240 303.26) 100.0%);

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

Gradient nhiều màu

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