Xanh hải quân, hồng, tím và đen (tương đồng) (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 45°: #0c012b, #923d8c, #c773e9, #845dbf, #050005. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c012b
#130333
#1e083f
#2c104c
#3e195a
#522268
#672b76
#7d3482
#923d8c
#a54596
#b34b9e
#bd51a7
#c558b2
#c95fc0
#cb66ce
#cb6ddc
#c773e9
#c178f3
#b87bf8
#af7cf9
#a67af4
#9d74ea
#926ad7
#845dbf
#744da2
#623c83
#4f2b65
#3c1b49
#290e30
#19041c
#0c010d
#050005

CSS

background: linear-gradient(45deg in oklch, oklch(14.96% 0.0827 286.88) 0.0%, oklch(17.62% 0.0879 290.10) 3.2%, oklch(21.22% 0.0950 294.70) 6.5%, oklch(25.54% 0.1036 300.32) 9.7%, oklch(30.36% 0.1132 306.57) 12.9%, oklch(35.48% 0.1233 313.07) 16.1%, oklch(40.66% 0.1336 319.45) 19.4%, oklch(45.71% 0.1435 325.34) 22.6%, oklch(50.38% 0.1525 330.35) 25.8%, oklch(54.48% 0.1604 334.12) 29.0%, oklch(57.78% 0.1665 336.26) 32.3%, oklch(60.29% 0.1710 336.39) 35.5%, oklch(62.64% 0.1751 334.51) 38.7%, oklch(64.79% 0.1787 331.03) 41.9%, oklch(66.66% 0.1817 326.39) 45.2%, oklch(68.18% 0.1840 321.01) 48.4%, oklch(69.25% 0.1852 315.33) 51.6%, oklch(69.81% 0.1854 309.77) 54.8%, oklch(69.78% 0.1843 304.77) 58.1%, oklch(69.06% 0.1817 300.76) 61.3%, oklch(67.59% 0.1774 298.17) 64.5%, oklch(65.23% 0.1713 297.39) 67.7%, oklch(61.42% 0.1620 298.21) 71.0%, oklch(56.28% 0.1497 300.25) 74.2%, oklch(50.16% 0.1353 303.25) 77.4%, oklch(43.38% 0.1195 306.93) 80.6%, oklch(36.29% 0.1030 311.02) 83.9%, oklch(29.21% 0.0866 315.25) 87.1%, oklch(22.50% 0.0711 319.35) 90.3%, oklch(16.48% 0.0572 323.03) 93.5%, oklch(11.49% 0.0456 326.04) 96.8%, oklch(7.93% 0.0365 328.03) 100.0%);

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

Gradient tím và hồng

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