Marineblau, gebrochenes Weiß und Grau, lineare Farbfelder

Palette Marineblau, gebrochenes Weiß und Grau mit 32 Farben. #20234b, #94b69c, #809aa5. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

32 Farben, 4 bearbeitbare OKLCH-Keyframes.

#20234b
#21254d
#23264f
#262852
#292a55
#2c2c59
#2f305d
#323462
#353a68
#37426f
#384b77
#385880
#396988
#417c8f
#559193
#72a497
#94b69c
#b4c5a7
#cfd3b4
#e4dec3
#f1e7cf
#f6ebd6
#f4ebd6
#ece8d2
#dee1cb
#ced8c4
#bbcdbd
#a9c1b7
#99b5b1
#8daaac
#85a0a8
#809aa5

CSS

background: linear-gradient(180deg, oklch(27.56% 0.0730 277.03) 0.000% 3.125%, oklch(28.29% 0.0735 276.87) 3.125% 6.250%, oklch(29.02% 0.0743 277.54) 6.250% 9.375%, oklch(29.82% 0.0754 278.65) 9.375% 12.500%, oklch(30.74% 0.0766 279.80) 12.500% 15.625%, oklch(31.83% 0.0778 280.60) 15.625% 18.750%, oklch(33.16% 0.0787 280.63) 18.750% 21.875%, oklch(34.77% 0.0794 279.50) 21.875% 25.000%, oklch(36.72% 0.0795 276.81) 25.000% 28.125%, oklch(39.07% 0.0790 272.17) 28.125% 31.250%, oklch(41.87% 0.0778 265.16) 31.250% 34.375%, oklch(45.36% 0.0755 254.80) 34.375% 37.500%, oklch(49.99% 0.0721 239.50) 37.500% 40.625%, oklch(55.51% 0.0678 220.37) 40.625% 43.750%, oklch(61.61% 0.0628 198.72) 43.750% 46.875%, oklch(67.98% 0.0574 175.85) 46.875% 50.000%, oklch(74.30% 0.0518 153.04) 50.000% 53.125%, oklch(80.26% 0.0464 131.61) 53.125% 56.250%, oklch(85.57% 0.0413 112.85) 56.250% 59.375%, oklch(89.89% 0.0369 98.06) 59.375% 62.500%, oklch(92.93% 0.0334 88.54) 62.500% 65.625%, oklch(94.39% 0.0310 85.56) 65.625% 68.750%, oklch(94.23% 0.0296 89.31) 68.750% 71.875%, oklch(92.73% 0.0289 98.63) 71.875% 75.000%, oklch(90.17% 0.0287 112.29) 75.000% 78.125%, oklch(86.85% 0.0290 129.04) 78.125% 81.250%, oklch(83.06% 0.0297 147.65) 81.250% 84.375%, oklch(79.07% 0.0305 166.89) 84.375% 87.500%, oklch(75.17% 0.0314 185.50) 87.500% 90.625%, oklch(71.66% 0.0322 202.26) 90.625% 93.750%, oklch(68.82% 0.0328 215.92) 93.750% 96.875%, oklch(66.93% 0.0331 225.25) 96.875% 100.000%);

In diesen Sammlungen

Indigo-Yukata