Hellblau, Blau, Türkis und Gelb, linearer Farbverlauf

Farbpalette Hellblau, Blau, Türkis und Gelb

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #b4d3fa, #407ad6, #0a3c8d, #4db38a, #f0e83c. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

7 bearbeitbare OKLCH-Keyframes.

#b4d3fa
#aaccf7
#9cc3f4
#8bb7f0
#7baaeb
#6b9ee6
#5d93e1
#4e87dc
#407ad6
#346ed0
#2a62c8
#2357be
#224bb2
#213fa4
#1f3798
#193690
#0a3c8d
#004b89
#005c8b
#0b6e8f
#278092
#349095
#3aa294
#4db38a
#71c274
#9bcc58
#bdd13f
#d3d630
#e0db2e
#e7e033
#ebe539
#f0e83c

CSS

background: linear-gradient(135deg in oklch, oklch(85.83% 0.0634 253.83) 0.0%, oklch(83.63% 0.0711 254.23) 3.2%, oklch(80.56% 0.0820 254.78) 6.5%, oklch(76.94% 0.0946 255.43) 9.7%, oklch(73.13% 0.1076 256.15) 12.9%, oklch(69.47% 0.1195 256.88) 16.1%, oklch(65.99% 0.1305 257.64) 19.4%, oklch(62.37% 0.1424 258.51) 22.6%, oklch(58.71% 0.1538 259.40) 25.8%, oklch(55.15% 0.1634 260.26) 29.0%, oklch(51.82% 0.1697 261.01) 32.3%, oklch(48.58% 0.1718 262.04) 35.5%, oklch(44.90% 0.1706 264.19) 38.7%, oklch(41.36% 0.1666 266.33) 41.9%, oklch(38.61% 0.1605 267.19) 45.2%, oklch(37.31% 0.1529 265.52) 48.4%, oklch(38.08% 0.1436 260.21) 51.6%, oklch(41.00% 0.1218 251.77) 54.8%, oklch(45.36% 0.1055 240.86) 58.1%, oklch(50.47% 0.0956 228.20) 61.3%, oklch(55.59% 0.0856 214.55) 64.5%, oklch(60.12% 0.0853 200.29) 67.7%, oklch(64.77% 0.0963 183.03) 71.0%, oklch(69.62% 0.1146 163.83) 74.2%, oklch(74.32% 0.1356 144.93) 77.4%, oklch(78.56% 0.1545 128.60) 80.6%, oklch(82.01% 0.1668 117.05) 83.9%, oklch(84.72% 0.1733 110.63) 87.1%, oklch(86.89% 0.1766 107.79) 90.3%, oklch(88.59% 0.1779 107.15) 93.5%, oklch(89.91% 0.1784 107.32) 96.8%, oklch(90.94% 0.1791 106.94) 100.0%);

In diesen Sammlungen

Farbverläufe in Gelb und Blau