Tím oải hương, xanh dương, xanh hải quân và tím tông rực rỡ (gradient tuyến tính)

Bảng màu Tím oải hương, xanh dương, xanh hải quân và tím tông rực rỡ

Gradient tuyến tính, 32 màu, góc 225°: #c897ea, #482ba3, #531fc4, #210046, #91016e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c897ea
#bd8de4
#ac80da
#9971cf
#8460c4
#7050b8
#5e41ae
#5034a7
#482ba3
#4425a5
#4522ab
#4822b4
#4c22be
#5024c6
#5424cb
#5623cb
#531fc4
#4d19b5
#4413a0
#3a0c89
#300672
#28025e
#22014f
#210046
#240145
#2d014a
#3b0352
#4c045b
#600563
#740469
#85036d
#91016e

CSS

background: linear-gradient(225deg in oklch, oklch(75.20% 0.1268 310.78) 0.0%, oklch(72.18% 0.1310 308.66) 3.2%, oklch(67.86% 0.1366 305.63) 6.5%, oklch(62.69% 0.1433 302.02) 9.7%, oklch(57.15% 0.1507 298.14) 12.9%, oklch(51.70% 0.1585 294.29) 16.1%, oklch(46.80% 0.1664 290.80) 19.4%, oklch(42.91% 0.1739 287.97) 22.6%, oklch(40.50% 0.1809 286.10) 25.8%, oklch(39.66% 0.1893 284.98) 29.0%, oklch(40.01% 0.1990 284.38) 32.3%, oklch(41.13% 0.2091 284.22) 35.5%, oklch(42.59% 0.2185 284.40) 38.7%, oklch(43.99% 0.2261 284.84) 41.9%, oklch(44.92% 0.2308 285.44) 45.2%, oklch(44.94% 0.2315 286.13) 48.4%, oklch(43.66% 0.2270 286.79) 51.6%, oklch(40.98% 0.2153 287.33) 54.8%, oklch(37.35% 0.1984 287.87) 58.1%, oklch(33.24% 0.1785 288.58) 61.3%, oklch(29.11% 0.1580 289.61) 64.5%, oklch(25.44% 0.1391 291.11) 67.7%, oklch(22.69% 0.1241 293.25) 71.0%, oklch(21.33% 0.1153 296.17) 74.2%, oklch(21.75% 0.1144 300.26) 77.4%, oklch(23.75% 0.1198 305.84) 80.6%, oklch(26.89% 0.1298 312.44) 83.9%, oklch(30.72% 0.1426 319.53) 87.1%, oklch(34.80% 0.1567 326.60) 90.3%, oklch(38.69% 0.1702 333.12) 93.5%, oklch(41.93% 0.1814 338.59) 96.8%, oklch(44.09% 0.1888 342.48) 100.0%);

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

Gradient synthwave

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