#69B8D2 - #D4EAF2 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #69B8D2 a #D4EAF2

#69B8D2 #D4EAF2

Calcule el color entre dos colores, #69B8D2 y #D4EAF2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#69B8D2 - #D4EAF2 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #69B8D2 como 0% y #D4EAF2 como 100%.

0.0%	0.0% #69B8D2	RGB 105 184 210	#69B8D2
16.7%	16.7% #7AC0D7	RGB 122 192 215	#7AC0D7
33.3%	33.3% #8CC8DC	RGB 140 200 220	#8CC8DC
50.0%	50.0% #9ED1E2	RGB 158 209 226	#9ED1E2
66.7%	66.7% #B0D9E7	RGB 176 217 231	#B0D9E7
83.3%	83.3% #C2E1EC	RGB 194 225 236	#C2E1EC
100.0%	100.0% #D4EAF2	RGB 212 234 242	#D4EAF2

#69B8D2 #7AC0D7 #8CC8DC #9ED1E2 #B0D9E7 #C2E1EC #D4EAF2

#69B8D2 - #D4EAF2

Mezcla HSV

#69B8D2 - #D4EAF2 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #69B8D2 como 0% y #D4EAF2 como 100%.

0.0%	0.0% #69B8D2	RGB 105 184 210	#69B8D2
16.7%	16.7% #79BFD7	RGB 121 191 215	#79BFD7
33.3%	33.3% #89C7DC	RGB 137 199 220	#89C7DC
50.0%	50.0% #9BCFE2	RGB 155 207 226	#9BCFE2
66.7%	66.7% #ADD8E7	RGB 173 216 231	#ADD8E7
83.3%	83.3% #C0E1EC	RGB 192 225 236	#C0E1EC
100.0%	100.0% #D4EAF2	RGB 212 234 242	#D4EAF2

#69B8D2 #79BFD7 #89C7DC #9BCFE2 #ADD8E7 #C0E1EC #D4EAF2

#69B8D2 - #9BCFE2 - #D4EAF2

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #69B8D2 0%, #D4EAF2 100%);
    background: -webkit-linear-gradient(top, #69B8D2 0%, #D4EAF2 100%);
    background: linear-gradient(to bottom, #69B8D2 0%, #D4EAF2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69B8D2 0%, #9BCFE2 50%, #D4EAF2 100%);
    background: -webkit-linear-gradient(top, #69B8D2 0%, #9BCFE2 50%, #D4EAF2 100%);
    background: linear-gradient(to bottom, #69B8D2 0%, #9BCFE2 50%, #D4EAF2 100%);
}
</style>