Xanh dương, đen, xám và tím (tương đồng) (gradient tuyến tính)

Bảng màu Xanh dương, đen, xám và tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 315°: #452c90, #0d0326, #7d7989, #e2daf9, #8a75cc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#452c90
#402887
#39237b
#311c6c
#28145c
#1f0c4b
#17073c
#110430
#0d0326
#0b0421
#0d0620
#130e25
#1f1b31
#312d41
#474456
#615e6f
#7d7989
#9995a4
#b3afbe
#cac6d5
#dad6e7
#e4def2
#e6dff8
#e2daf9
#dad0f7
#cfc3f2
#c2b4eb
#b4a4e4
#a695dc
#9a87d5
#907ccf
#8a75cc

CSS

background: linear-gradient(315deg in oklch, oklch(38.58% 0.1557 288.28) 0.0%, oklch(36.89% 0.1494 288.38) 3.2%, oklch(34.19% 0.1408 288.48) 6.5%, oklch(30.81% 0.1306 288.58) 9.7%, oklch(27.08% 0.1191 288.70) 12.9%, oklch(23.32% 0.1070 288.85) 16.1%, oklch(19.85% 0.0946 289.03) 19.4%, oklch(17.00% 0.0825 289.25) 22.6%, oklch(15.10% 0.0713 289.52) 25.8%, oklch(14.46% 0.0613 289.85) 29.0%, oklch(15.41% 0.0532 290.25) 32.3%, oklch(18.41% 0.0469 290.75) 35.5%, oklch(23.77% 0.0411 291.41) 38.7%, oklch(31.01% 0.0357 292.22) 41.9%, oklch(39.58% 0.0311 293.10) 45.2%, oklch(48.94% 0.0272 294.03) 48.4%, oklch(58.54% 0.0242 294.95) 51.6%, oklch(67.83% 0.0223 295.81) 54.8%, oklch(76.28% 0.0215 296.58) 58.1%, oklch(83.34% 0.0220 297.20) 61.3%, oklch(88.47% 0.0240 297.63) 64.5%, oklch(91.17% 0.0276 297.83) 67.7%, oklch(91.68% 0.0340 297.78) 71.0%, oklch(90.47% 0.0429 297.54) 74.2%, oklch(87.90% 0.0537 297.14) 77.4%, oklch(84.32% 0.0657 296.63) 80.6%, oklch(80.10% 0.0784 296.04) 83.9%, oklch(75.58% 0.0912 295.43) 87.1%, oklch(71.14% 0.1032 294.83) 90.3%, oklch(67.12% 0.1141 294.29) 93.5%, oklch(63.89% 0.1231 293.86) 96.8%, oklch(61.81% 0.1295 293.57) 100.0%);

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

Gradient tím đơn sắc

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