Hồng, tím và xanh hải quân (ba tông) tông trầm (gradient xuyên tâm)

Bảng màu Hồng, tím và xanh hải quân (ba tông) tông trầm

Gradient xuyên tâm, 32 màu: #edd2bf, #c690a7, #7b5f87, #45426f, #1c2847. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edd2bf
#eccdbb
#ebc5b6
#e8bcb3
#e4b2b0
#dea8af
#d6a0ae
#ce98ab
#c690a7
#bd88a2
#b3819c
#aa7997
#a17393
#986d8f
#8e688c
#85638a
#7b5f87
#725b84
#695780
#61537c
#5a4f79
#524a75
#4b4672
#45426f
#3e3e6b
#383b66
#323761
#2c345b
#263055
#222d4f
#1e2a4a
#1c2847

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0400 56.95) 0.0%, oklch(86.90% 0.0431 50.75) 3.2%, oklch(85.15% 0.0476 41.91) 6.5%, oklch(83.07% 0.0529 31.55) 9.7%, oklch(80.78% 0.0582 20.75) 12.9%, oklch(78.39% 0.0632 10.64) 16.1%, oklch(76.04% 0.0669 2.30) 19.4%, oklch(73.72% 0.0694 356.33) 22.6%, oklch(71.24% 0.0711 351.89) 25.8%, oklch(68.67% 0.0721 348.41) 29.0%, oklch(66.08% 0.0727 345.36) 32.3%, oklch(63.54% 0.0730 342.22) 35.5%, oklch(61.14% 0.0730 338.44) 38.7%, oklch(58.92% 0.0729 333.63) 41.9%, oklch(56.82% 0.0721 328.08) 45.2%, oklch(54.82% 0.0709 322.12) 48.4%, oklch(52.88% 0.0695 316.03) 51.6%, oklch(50.99% 0.0683 310.13) 54.8%, oklch(49.14% 0.0676 304.69) 58.1%, oklch(47.30% 0.0677 299.96) 61.3%, oklch(45.49% 0.0687 295.73) 64.5%, oklch(43.73% 0.0703 291.87) 67.7%, oklch(42.01% 0.0721 288.31) 71.0%, oklch(40.33% 0.0737 285.02) 74.2%, oklch(38.68% 0.0745 281.93) 77.4%, oklch(37.08% 0.0742 279.00) 80.6%, oklch(35.41% 0.0726 276.18) 83.9%, oklch(33.70% 0.0700 273.52) 87.1%, oklch(32.05% 0.0669 271.09) 90.3%, oklch(30.54% 0.0638 268.95) 93.5%, oklch(29.28% 0.0611 267.18) 96.8%, oklch(28.35% 0.0593 265.84) 100.0%);

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

Gradient nền Zoom Bảng màu lãng mạn

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