Xanh dương, xanh dương nhạt, hồng và đỏ tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, xanh dương nhạt, hồng và đỏ tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #146386, #2fb0eb, #8cabf4, #f3608a, #e51e51. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#146386
#156a8e
#15739a
#147ea8
#148ab8
#1596c7
#1aa1d6
#23aae2
#2fb0eb
#3db4f1
#4bb6f3
#58b7f3
#63b7f2
#6eb5f1
#77b3f1
#81b0f1
#8cabf4
#9aa4f5
#ad9af2
#c18de8
#d380d6
#e374be
#ed69a3
#f3608a
#f45977
#f45269
#f24a5f
#ef4159
#ec3856
#e92f55
#e62654
#e51e51

CSS

background: linear-gradient(90deg in oklch, oklch(47.24% 0.0909 233.44) 0.0%, oklch(49.32% 0.0951 233.24) 3.2%, oklch(52.24% 0.1013 232.76) 6.5%, oklch(55.73% 0.1086 232.18) 9.7%, oklch(59.51% 0.1164 231.67) 12.9%, oklch(63.27% 0.1238 231.41) 16.1%, oklch(66.75% 0.1302 231.58) 19.4%, oklch(69.64% 0.1347 232.35) 22.6%, oklch(71.69% 0.1366 233.87) 25.8%, oklch(73.10% 0.1350 235.45) 29.0%, oklch(74.08% 0.1307 237.04) 32.3%, oklch(74.70% 0.1247 238.97) 35.5%, oklch(75.02% 0.1184 241.59) 38.7%, oklch(75.11% 0.1127 245.22) 41.9%, oklch(75.05% 0.1088 250.19) 45.2%, oklch(74.89% 0.1079 256.85) 48.4%, oklch(74.68% 0.1109 265.75) 51.6%, oklch(74.25% 0.1176 278.08) 54.8%, oklch(73.60% 0.1269 292.98) 58.1%, oklch(72.78% 0.1381 309.29) 61.3%, oklch(71.84% 0.1501 325.86) 64.5%, oklch(70.83% 0.1622 341.55) 67.7%, oklch(69.78% 0.1733 355.20) 71.0%, oklch(68.75% 0.1827 5.66) 74.2%, oklch(67.70% 0.1901 12.31) 77.4%, oklch(66.47% 0.1969 16.18) 80.6%, oklch(65.13% 0.2031 17.91) 83.9%, oklch(63.75% 0.2087 18.07) 87.1%, oklch(62.42% 0.2137 17.28) 90.3%, oklch(61.21% 0.2180 16.11) 93.5%, oklch(60.19% 0.2217 15.17) 96.8%, oklch(59.45% 0.2246 15.04) 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