Tím và xanh dương (hai tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 300°: #431c4f, #813355, #6f6db9, #418fce, #b95ea7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#431c4f
#471d51
#4e1f52
#552152
#5e2453
#672753
#702b53
#792f53
#813355
#883859
#8d3c5f
#904169
#914778
#8e4e8a
#87589d
#7d62ad
#6f6db9
#5e78c0
#4d81c2
#3d89c2
#328ec2
#2f91c4
#3492c8
#418fce
#528bd3
#6685d6
#7a7dd6
#8c75d1
#9c6dc7
#a966bc
#b361b0
#b95ea7

CSS

background: linear-gradient(300deg in oklch, oklch(30.71% 0.0978 317.11) 0.0%, oklch(31.71% 0.0990 319.89) 3.2%, oklch(33.02% 0.1007 324.29) 6.5%, oklch(34.57% 0.1026 329.79) 9.7%, oklch(36.30% 0.1048 335.87) 12.9%, oklch(38.16% 0.1072 342.01) 16.1%, oklch(40.11% 0.1095 347.68) 19.4%, oklch(42.07% 0.1118 352.36) 22.6%, oklch(43.99% 0.1138 355.53) 25.8%, oklch(45.82% 0.1155 356.66) 29.0%, oklch(47.51% 0.1168 355.23) 32.3%, oklch(49.06% 0.1176 350.42) 35.5%, oklch(50.66% 0.1177 341.44) 38.7%, oklch(52.28% 0.1174 329.21) 41.9%, oklch(53.90% 0.1168 314.73) 45.2%, oklch(55.48% 0.1161 299.02) 48.4%, oklch(57.00% 0.1153 283.10) 51.6%, oklch(58.41% 0.1146 267.97) 54.8%, oklch(59.69% 0.1143 254.66) 58.1%, oklch(60.80% 0.1143 244.17) 61.3%, oklch(61.72% 0.1149 237.53) 64.5%, oklch(62.40% 0.1163 235.71) 67.7%, oklch(62.83% 0.1184 238.62) 71.0%, oklch(63.02% 0.1213 245.40) 74.2%, oklch(63.03% 0.1246 255.17) 77.4%, oklch(62.89% 0.1283 267.08) 80.6%, oklch(62.65% 0.1322 280.26) 83.9%, oklch(62.35% 0.1360 293.85) 87.1%, oklch(62.04% 0.1396 306.99) 90.3%, oklch(61.75% 0.1428 318.81) 93.5%, oklch(61.53% 0.1455 328.46) 96.8%, oklch(61.42% 0.1474 335.07) 100.0%);

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

Gradient thiên hà

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