Monochromes Blau in Pastell, linearer Farbverlauf

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #f0f9ff, #c8ebfe, #99dcfd, #6ecefb, #38bdf8. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

4 bearbeitbare OKLCH-Keyframes.

#f0f9ff
#edf8ff
#e9f6ff
#e5f5ff
#e0f3ff
#daf1ff
#d4effe
#ceedfe
#c8ebfe
#c2e9fd
#bce7fd
#b6e5fd
#b1e3fd
#abe1fd
#a5dffd
#9fdefd
#99dcfd
#93dafd
#8dd8fc
#87d6fc
#81d4fc
#7bd2fc
#75d0fc
#6ecefb
#67cbfb
#5fc9fa
#58c7fa
#51c4f9
#4ac2f9
#43c0f9
#3dbef8
#38bdf8

CSS

background: linear-gradient(135deg in oklch, oklch(97.71% 0.0125 236.62) 0.0%, oklch(97.28% 0.0149 236.27) 3.2%, oklch(96.72% 0.0181 235.80) 6.5%, oklch(96.06% 0.0217 235.22) 9.7%, oklch(95.32% 0.0259 234.59) 12.9%, oklch(94.52% 0.0304 233.91) 16.1%, oklch(93.69% 0.0351 233.23) 19.4%, oklch(92.83% 0.0399 232.57) 22.6%, oklch(91.98% 0.0447 231.96) 25.8%, oklch(91.16% 0.0495 231.43) 29.0%, oklch(90.38% 0.0540 231.01) 32.3%, oklch(89.66% 0.0584 230.71) 35.5%, oklch(88.94% 0.0628 230.48) 38.7%, oklch(88.22% 0.0673 230.31) 41.9%, oklch(87.51% 0.0719 230.20) 45.2%, oklch(86.79% 0.0764 230.13) 48.4%, oklch(86.08% 0.0810 230.10) 51.6%, oklch(85.37% 0.0855 230.10) 54.8%, oklch(84.66% 0.0900 230.13) 58.1%, oklch(83.95% 0.0943 230.19) 61.3%, oklch(83.24% 0.0985 230.26) 64.5%, oklch(82.52% 0.1026 230.35) 67.7%, oklch(81.75% 0.1068 230.49) 71.0%, oklch(80.94% 0.1111 230.70) 74.2%, oklch(80.11% 0.1154 230.94) 77.4%, oklch(79.28% 0.1196 231.21) 80.6%, oklch(78.46% 0.1237 231.50) 83.9%, oklch(77.68% 0.1275 231.79) 87.1%, oklch(76.96% 0.1310 232.06) 90.3%, oklch(76.32% 0.1342 232.31) 93.5%, oklch(75.78% 0.1369 232.51) 96.8%, oklch(75.35% 0.1390 232.66) 100.0%);

In diesen Sammlungen

Light blue gradients