Blau und Schwarz, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #496da1, #140903, #2e2933, #4594a9, #7b6190. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

6 bearbeitbare OKLCH-Keyframes.

#496da1
#2c6589
#085564
#06403b
#11291a
#101607
#0d0a02
#0d0802
#140903
#200d08
#2e1415
#3a1b24
#422233
#41263c
#3b283d
#342939
#2e2933
#2b292f
#2d2c30
#343439
#3f4450
#475b6f
#4a788f
#4594a9
#3dabba
#38b6c5
#3cb3ce
#4ea5d1
#6390c9
#727bb6
#796aa0
#7b6190

CSS

background: linear-gradient(135deg in oklch, oklch(53.15% 0.0923 257.34) 0.0%, oklch(48.47% 0.0837 239.79) 3.2%, oklch(41.50% 0.0708 215.14) 6.5%, oklch(33.45% 0.0559 186.09) 9.7%, oklch(25.49% 0.0412 155.29) 12.9%, oklch(18.81% 0.0289 125.43) 16.1%, oklch(14.61% 0.0214 99.19) 19.4%, oklch(13.71% 0.0205 77.16) 22.6%, oklch(15.40% 0.0254 56.41) 25.8%, oklch(18.77% 0.0336 36.92) 29.0%, oklch(22.93% 0.0429 18.80) 32.3%, oklch(26.97% 0.0508 2.15) 35.5%, oklch(29.99% 0.0550 347.09) 38.7%, oklch(31.22% 0.0531 334.03) 41.9%, oklch(30.97% 0.0449 323.85) 45.2%, oklch(29.98% 0.0331 315.67) 48.4%, oklch(28.95% 0.0208 308.45) 51.6%, oklch(28.58% 0.0108 301.13) 54.8%, oklch(29.56% 0.0060 292.65) 58.1%, oklch(32.68% 0.0094 281.76) 61.3%, oklch(38.62% 0.0221 266.55) 64.5%, oklch(46.41% 0.0410 248.94) 67.7%, oklch(54.83% 0.0625 231.54) 71.0%, oklch(62.64% 0.0833 216.98) 74.2%, oklch(68.62% 0.0998 207.87) 77.4%, oklch(71.55% 0.1085 206.86) 80.6%, oklch(71.21% 0.1096 216.15) 83.9%, oklch(68.53% 0.1056 233.30) 87.1%, oklch(64.47% 0.0985 254.73) 90.3%, oklch(59.99% 0.0903 276.85) 93.5%, oklch(56.03% 0.0830 296.06) 96.8%, oklch(53.54% 0.0785 308.77) 100.0%);