Xanh dương, tím, hồng và tím oải hương (gradient tuyến tính)

Xanh dương, tím, hồng và tím oải hương: bảng màu gồm 40 màu. #526c8c, #1e1844, #ea2752, #dda4da, #164a8a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 5 keyframe OKLCH chỉnh sửa được.

#526c8c
#4d6686
#465d7d
#3e5373
#354767
#2c3c5b
#243151
#1e2849
#1b2043
#1a1b42
#1e1844
#27174b
#361655
#4a155e
#621365
#7e0e67
#9a0564
#b5005e
#cc0456
#de1651
#ea2752
#f33a5d
#f94d6f
#fc5f84
#fd709b
#fa80b0
#f58ec1
#ee99ce
#e6a1d6
#dda4da
#d3a3da
#c39dd7
#b193d0
#9b88c8
#847bbe
#6c6fb3
#5563a7
#3e589c
#295092
#164a8a

CSS

background: linear-gradient(45deg in oklch, oklch(52.36% 0.0593 253.83) 0.0%, oklch(50.35% 0.0597 255.35) 2.6%, oklch(47.39% 0.0596 256.94) 5.1%, oklch(43.76% 0.0592 258.71) 7.7%, oklch(39.76% 0.0589 260.76) 10.3%, oklch(35.69% 0.0591 263.21) 12.8%, oklch(31.85% 0.0600 266.15) 15.4%, oklch(28.51% 0.0622 269.69) 17.9%, oklch(25.99% 0.0659 273.95) 20.5%, oklch(24.57% 0.0715 279.02) 23.1%, oklch(24.55% 0.0795 285.06) 25.6%, oklch(25.95% 0.0917 293.17) 28.2%, oklch(28.52% 0.1080 303.26) 30.8%, oklch(32.01% 0.1269 314.65) 33.3%, oklch(36.16% 0.1472 326.70) 35.9%, oklch(40.72% 0.1676 338.75) 38.5%, oklch(45.43% 0.1867 350.14) 41.0%, oklch(50.05% 0.2028 0.23) 43.6%, oklch(54.29% 0.2158 8.33) 46.2%, oklch(57.94% 0.2232 13.81) 48.7%, oklch(60.87% 0.2242 16.13) 51.3%, oklch(63.85% 0.2186 15.84) 53.8%, oklch(66.90% 0.2076 13.40) 56.4%, oklch(69.88% 0.1927 9.19) 59.0%, oklch(72.66% 0.1752 3.60) 61.5%, oklch(75.11% 0.1566 357.00) 64.1%, oklch(77.09% 0.1382 349.80) 66.7%, oklch(78.48% 0.1213 342.36) 69.2%, oklch(79.14% 0.1075 335.06) 71.8%, oklch(78.94% 0.0980 328.31) 74.4%, oklch(77.62% 0.0934 321.83) 76.9%, oklch(74.96% 0.0918 314.44) 79.5%, oklch(71.24% 0.0927 306.37) 82.1%, oklch(66.78% 0.0955 297.91) 84.6%, oklch(61.87% 0.0996 289.36) 87.2%, oklch(56.83% 0.1044 281.04) 89.7%, oklch(51.95% 0.1094 273.23) 92.3%, oklch(47.54% 0.1141 266.25) 94.9%, oklch(43.90% 0.1177 260.38) 97.4%, oklch(41.34% 0.1199 255.94) 100.0%);

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

Gradient hồng và xanh dươ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