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

Bảng màu Xanh dương, tím oải hương và hồng (ba tông)

Gradient tuyến tính, 32 màu, góc 0°: #559bcd, #8f97e5, #c676d6, #ec4eb0, #ff2e85. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#559bcd
#5a9bcf
#609cd3
#679cd6
#6f9bda
#789bde
#809ae1
#8899e3
#8f97e5
#9694e6
#9d91e6
#a48de5
#ab89e4
#b284e1
#b980de
#c07bda
#c676d6
#cc71d2
#d26cce
#d866c9
#dd60c3
#e35abd
#e754b7
#ec4eb0
#f048aa
#f343a4
#f63e9d
#f93997
#fc3592
#fe308d
#ff2e88
#ff2e85

CSS

background: linear-gradient(0deg in oklch, oklch(66.54% 0.1020 241.17) 0.0%, oklch(66.85% 0.1026 244.01) 3.2%, oklch(67.31% 0.1032 247.76) 6.5%, oklch(67.87% 0.1040 252.23) 9.7%, oklch(68.45% 0.1049 257.20) 12.9%, oklch(69.03% 0.1063 262.50) 16.1%, oklch(69.53% 0.1081 267.92) 19.4%, oklch(69.91% 0.1106 273.26) 22.6%, oklch(70.11% 0.1139 278.36) 25.8%, oklch(70.16% 0.1179 283.59) 29.0%, oklch(70.10% 0.1225 289.06) 32.3%, oklch(69.96% 0.1277 294.66) 35.5%, oklch(69.75% 0.1333 300.27) 38.7%, oklch(69.50% 0.1394 305.77) 41.9%, oklch(69.25% 0.1457 311.06) 45.2%, oklch(69.01% 0.1523 316.00) 48.4%, oklch(68.79% 0.1592 320.54) 51.6%, oklch(68.55% 0.1670 324.83) 54.8%, oklch(68.28% 0.1754 328.90) 58.1%, oklch(68.00% 0.1842 332.77) 61.3%, oklch(67.71% 0.1930 336.43) 64.5%, oklch(67.44% 0.2015 339.87) 67.7%, oklch(67.19% 0.2093 343.10) 71.0%, oklch(66.98% 0.2162 346.12) 74.2%, oklch(66.80% 0.2220 348.95) 77.4%, oklch(66.66% 0.2273 351.60) 80.6%, oklch(66.53% 0.2320 354.05) 83.9%, oklch(66.42% 0.2363 356.29) 87.1%, oklch(66.34% 0.2400 358.30) 90.3%, oklch(66.26% 0.2431 0.05) 93.5%, oklch(66.19% 0.2447 1.52) 96.8%, oklch(66.14% 0.2432 2.70) 100.0%);

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

Gradient hồng và xanh dương Gradient vaporwave Gradient bình minh

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