Xanh hải quân, tím và xám (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím và xám (tương đồng)

Gradient xuyên tâm, 32 màu: #241d32, #4f3873, #7e6ba7, #b6a5cb, #ebdfcf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#241d32
#271f37
#2b213d
#302446
#36274f
#3c2b58
#432f62
#49336b
#4f3873
#543d7a
#5a4381
#5f4988
#654f8f
#6b5695
#715d9b
#7764a1
#7e6ba7
#8574ad
#8b7cb4
#9186ba
#998ec0
#a297c4
#ab9fc8
#b6a5cb
#c2accc
#cfb2cb
#dbb9c8
#e3c2c5
#e8cac5
#ead3c7
#eadacb
#ebdfcf

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(24.80% 0.0400 298.83) 0.0%, oklch(25.92% 0.0450 298.94) 3.2%, oklch(27.39% 0.0523 299.10) 6.5%, oklch(29.13% 0.0610 299.31) 9.7%, oklch(31.08% 0.0703 299.51) 12.9%, oklch(33.17% 0.0795 299.70) 16.1%, oklch(35.31% 0.0878 299.84) 19.4%, oklch(37.44% 0.0944 299.90) 22.6%, oklch(39.48% 0.0987 299.86) 25.8%, oklch(41.52% 0.1011 299.60) 29.0%, oklch(43.61% 0.1022 299.16) 32.3%, oklch(45.74% 0.1022 298.63) 35.5%, oklch(47.92% 0.1014 298.11) 38.7%, oklch(50.14% 0.0998 297.70) 41.9%, oklch(52.41% 0.0976 297.50) 45.2%, oklch(54.73% 0.0951 297.59) 48.4%, oklch(57.11% 0.0922 297.82) 51.6%, oklch(59.61% 0.0883 297.06) 54.8%, oklch(62.20% 0.0835 295.73) 58.1%, oklch(64.85% 0.0782 294.54) 61.3%, oklch(67.50% 0.0725 294.18) 64.5%, oklch(70.11% 0.0667 295.37) 67.7%, oklch(72.63% 0.0612 298.79) 71.0%, oklch(75.02% 0.0563 305.15) 74.2%, oklch(77.31% 0.0517 315.66) 77.4%, oklch(79.65% 0.0471 331.05) 80.6%, oklch(81.98% 0.0425 349.79) 83.9%, oklch(84.23% 0.0381 10.27) 87.1%, oklch(86.32% 0.0340 30.87) 90.3%, oklch(88.18% 0.0303 49.98) 93.5%, oklch(89.75% 0.0272 65.98) 96.8%, oklch(90.94% 0.0248 77.26) 100.0%);

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

Brooched

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