Grau, Blau, Violett und Pfirsich, linearer Farbverlauf

Linearer Farbverlauf, 48 Farben im Winkel von 45°: #c2c9d6, #72a1c7, #307ec1, #bf74b9, #f1a768. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

3 bearbeitbare OKLCH-Keyframes.

#c2c9d6
#bfc7d5
#bbc5d5
#b7c2d4
#b1bfd3
#abbcd2
#a5b8d1
#9db4d0
#96b0ce
#8dadcd
#85a9cb
#7ba5c9
#72a1c7
#699dc4
#5f9ac2
#5596c0
#4c93bf
#4290bd
#398dbc
#318abb
#2a87bb
#2685bc
#2582bd
#2880bf
#307ec1
#3a7dc4
#457bc7
#5279ca
#6078cc
#6e76ce
#7c75ce
#8a74cd
#9873ca
#a673c6
#b373c0
#bf74b9
#ca76b1
#d478a8
#dd7c9f
#e48096
#e9848d
#ee8a84
#f08f7d
#f29577
#f39a71
#f39f6d
#f2a46a
#f1a768

CSS

background: linear-gradient(45deg in oklch, oklch(83.46% 0.0193 262.97) 0.0%, oklch(82.83% 0.0219 262.41) 2.1%, oklch(82.04% 0.0250 261.50) 4.3%, oklch(81.11% 0.0286 260.27) 6.4%, oklch(80.05% 0.0327 258.78) 8.5%, oklch(78.88% 0.0371 257.08) 10.6%, oklch(77.61% 0.0419 255.21) 12.8%, oklch(76.27% 0.0470 253.22) 14.9%, oklch(74.87% 0.0523 251.15) 17.0%, oklch(73.43% 0.0579 249.07) 19.1%, oklch(71.96% 0.0635 247.01) 21.3%, oklch(70.47% 0.0692 245.03) 23.4%, oklch(69.00% 0.0750 243.17) 25.5%, oklch(67.55% 0.0807 241.47) 27.7%, oklch(66.13% 0.0864 240.00) 29.8%, oklch(64.78% 0.0919 238.79) 31.9%, oklch(63.49% 0.0973 237.89) 34.0%, oklch(62.30% 0.1024 237.36) 36.2%, oklch(61.21% 0.1073 237.24) 38.3%, oklch(60.25% 0.1118 237.58) 40.4%, oklch(59.42% 0.1160 238.42) 42.6%, oklch(58.75% 0.1197 239.82) 44.7%, oklch(58.26% 0.1229 241.82) 46.8%, oklch(57.95% 0.1256 244.48) 48.9%, oklch(57.85% 0.1278 247.86) 51.1%, oklch(57.95% 0.1295 252.17) 53.2%, oklch(58.23% 0.1308 257.37) 55.3%, oklch(58.67% 0.1317 263.36) 57.4%, oklch(59.27% 0.1323 270.06) 59.6%, oklch(60.01% 0.1326 277.40) 61.7%, oklch(60.86% 0.1326 285.27) 63.8%, oklch(61.82% 0.1324 293.61) 66.0%, oklch(62.87% 0.1320 302.32) 68.1%, oklch(63.99% 0.1313 311.31) 70.2%, oklch(65.17% 0.1305 320.52) 72.3%, oklch(66.40% 0.1296 329.85) 74.5%, oklch(67.65% 0.1286 339.21) 76.6%, oklch(68.91% 0.1275 348.52) 78.7%, oklch(70.17% 0.1263 357.70) 80.9%, oklch(71.41% 0.1251 6.67) 83.0%, oklch(72.61% 0.1240 15.33) 85.1%, oklch(73.76% 0.1228 23.61) 87.2%, oklch(74.85% 0.1218 31.41) 89.4%, oklch(75.85% 0.1208 38.66) 91.5%, oklch(76.76% 0.1200 45.28) 93.6%, oklch(77.55% 0.1193 51.16) 95.7%, oklch(78.22% 0.1188 56.24) 97.9%, oklch(78.74% 0.1185 60.42) 100.0%);

In diesen Sammlungen

Farbverläufe in Orange und Blau