Hồng, tím oải hương và xanh dương (ba tông) (gradient xuyên tâm)

Bảng màu Hồng, tím oải hương và xanh dương (ba tông)

Gradient xuyên tâm, 32 màu: #f6cad0, #d2abc0, #9784a8, #60668c, #355070. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f6cad0
#f3c7ce
#f0c4cd
#ecc0cb
#e8bdc9
#e3b8c7
#deb4c5
#d8b0c3
#d2abc0
#cca6be
#c5a1bb
#be9cb8
#b697b5
#af92b2
#a78daf
#9f89ac
#9784a8
#8f7fa4
#877ba1
#7f769d
#777299
#6f6e95
#686a90
#60668c
#596388
#535f84
#4d5c80
#47597d
#425779
#3d5476
#385273
#355070

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.80% 0.0510 9.14) 0.0%, oklch(87.00% 0.0512 7.09) 3.2%, oklch(86.06% 0.0515 4.70) 6.5%, oklch(85.01% 0.0517 1.99) 9.7%, oklch(83.84% 0.0521 358.99) 12.9%, oklch(82.57% 0.0524 355.72) 16.1%, oklch(81.20% 0.0528 352.20) 19.4%, oklch(79.74% 0.0532 348.46) 22.6%, oklch(78.21% 0.0536 344.53) 25.8%, oklch(76.61% 0.0540 340.41) 29.0%, oklch(74.95% 0.0545 336.15) 32.3%, oklch(73.23% 0.0550 331.76) 35.5%, oklch(71.48% 0.0555 327.26) 38.7%, oklch(69.70% 0.0559 322.68) 41.9%, oklch(67.89% 0.0564 318.04) 45.2%, oklch(66.07% 0.0569 313.36) 48.4%, oklch(64.24% 0.0574 308.68) 51.6%, oklch(62.42% 0.0579 304.00) 54.8%, oklch(60.62% 0.0584 299.36) 58.1%, oklch(58.83% 0.0589 294.78) 61.3%, oklch(57.08% 0.0594 290.28) 64.5%, oklch(55.37% 0.0599 285.89) 67.7%, oklch(53.71% 0.0603 281.62) 71.0%, oklch(52.11% 0.0608 277.51) 74.2%, oklch(50.57% 0.0612 273.57) 77.4%, oklch(49.12% 0.0616 269.84) 80.6%, oklch(47.75% 0.0620 266.32) 83.9%, oklch(46.47% 0.0623 263.05) 87.1%, oklch(45.31% 0.0626 260.05) 90.3%, oklch(44.25% 0.0629 257.34) 93.5%, oklch(43.32% 0.0632 254.95) 96.8%, oklch(42.52% 0.0634 252.90) 100.0%);

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

Between tides Gradient hai 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