#D9ECF2 - #89A8C0 | 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 #D9ECF2 a #89A8C0

#D9ECF2 #89A8C0

Calcule el color entre dos colores, #D9ECF2 y #89A8C0. 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)

#D9ECF2 - #89A8C0 | 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 #D9ECF2 como 0% y #89A8C0 como 100%.

0.0%	0.0% #D9ECF2	RGB 217 236 242	#D9ECF2
16.7%	16.7% #CBE0E9	RGB 203 224 233	#CBE0E9
33.3%	33.3% #BED5E1	RGB 190 213 225	#BED5E1
50.0%	50.0% #B1CAD9	RGB 177 202 217	#B1CAD9
66.7%	66.7% #A3BED0	RGB 163 190 208	#A3BED0
83.3%	83.3% #96B3C8	RGB 150 179 200	#96B3C8
100.0%	100.0% #89A8C0	RGB 137 168 192	#89A8C0

#D9ECF2 #CBE0E9 #BED5E1 #B1CAD9 #A3BED0 #96B3C8 #89A8C0

#D9ECF2 - #89A8C0

Mezcla HSV

#D9ECF2 - #89A8C0 | 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 #D9ECF2 como 0% y #89A8C0 como 100%.

0.0%	0.0% #D9ECF2	RGB 217 236 242	#D9ECF2
16.7%	16.7% #CAE1E9	RGB 202 225 233	#CAE1E9
33.3%	33.3% #BCD6E1	RGB 188 214 225	#BCD6E1
50.0%	50.0% #AECAD9	RGB 174 202 217	#AECAD9
66.7%	66.7% #A1BFD0	RGB 161 191 208	#A1BFD0
83.3%	83.3% #95B3C8	RGB 149 179 200	#95B3C8
100.0%	100.0% #89A8C0	RGB 137 168 192	#89A8C0

#D9ECF2 #CAE1E9 #BCD6E1 #AECAD9 #A1BFD0 #95B3C8 #89A8C0

#D9ECF2 - #AECAD9 - #89A8C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9ECF2 0%, #AECAD9 50%, #89A8C0 100%);
    background: -webkit-linear-gradient(top, #D9ECF2 0%, #AECAD9 50%, #89A8C0 100%);
    background: linear-gradient(to bottom, #D9ECF2 0%, #AECAD9 50%, #89A8C0 100%);
}
</style>