Kräftiges Blau, Hellblau, Rosa und Rot, linearer Farbverlauf

Farbpalette Kräftiges Blau, Hellblau, Rosa und Rot

Linearer Farbverlauf, 32 Farben im Winkel von 90°: #146386, #2fb0eb, #8cabf4, #f3608a, #e51e51. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

#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%);

In diesen Sammlungen

Farbverläufe in Rosa und Blau