Tím, hồng và nâu vàng (ba tông) (gradient xuyên tâm)

Bảng màu Tím, hồng và nâu vàng (ba tông)

Gradient xuyên tâm, 32 màu: #6520b5, #8156c2, #bb7fc3, #f59c88, #d5d77c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6520b5
#6725b6
#6a2bb7
#6d32b8
#7039ba
#7440bc
#7748be
#7c4fc0
#8156c2
#865cc4
#8c63c5
#9369c6
#9a6ec7
#a273c7
#aa78c7
#b27bc5
#bb7fc3
#c581bf
#cf84b9
#d987b2
#e28ba9
#eb8f9e
#f19593
#f59c88
#f6a37e
#f6ab75
#f3b46f
#eebd6d
#e8c56d
#e1cc71
#dbd276
#d5d77c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.2108 297.42) 0.0%, oklch(44.95% 0.2074 297.98) 3.2%, oklch(45.99% 0.2029 298.27) 6.5%, oklch(47.20% 0.1977 298.39) 9.7%, oklch(48.56% 0.1917 298.41) 12.9%, oklch(50.03% 0.1852 298.43) 16.1%, oklch(51.61% 0.1783 298.53) 19.4%, oklch(53.27% 0.1712 298.79) 22.6%, oklch(54.98% 0.1639 299.29) 25.8%, oklch(56.73% 0.1566 300.14) 29.0%, oklch(58.49% 0.1495 301.40) 32.3%, oklch(60.23% 0.1428 303.16) 35.5%, oklch(61.94% 0.1364 305.51) 38.7%, oklch(63.59% 0.1307 308.54) 41.9%, oklch(65.16% 0.1257 312.32) 45.2%, oklch(66.63% 0.1216 316.96) 48.4%, oklch(68.00% 0.1184 322.60) 51.6%, oklch(69.38% 0.1160 329.72) 54.8%, oklch(70.78% 0.1141 338.20) 58.1%, oklch(72.19% 0.1127 347.81) 61.3%, oklch(73.59% 0.1119 358.32) 64.5%, oklch(74.99% 0.1114 9.51) 67.7%, oklch(76.36% 0.1112 21.16) 71.0%, oklch(77.70% 0.1114 33.05) 74.2%, oklch(78.99% 0.1117 44.94) 77.4%, oklch(80.23% 0.1122 56.62) 80.6%, oklch(81.39% 0.1127 67.87) 83.9%, oklch(82.48% 0.1133 78.45) 87.1%, oklch(83.48% 0.1138 88.14) 90.3%, oklch(84.38% 0.1142 96.73) 93.5%, oklch(85.16% 0.1144 103.98) 96.8%, oklch(85.83% 0.1144 109.67) 100.0%);

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

Gradient mùa hè

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