#D7E5E9 - #889DB3 | 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 #D7E5E9 a #889DB3

#D7E5E9 #889DB3

Calcule el color entre dos colores, #D7E5E9 y #889DB3. 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)

#D7E5E9 - #889DB3 | 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 #D7E5E9 como 0% y #889DB3 como 100%.

0.0%	0.0% #D7E5E9	RGB 215 229 233	#D7E5E9
16.7%	16.7% #C9D9E0	RGB 201 217 224	#C9D9E0
33.3%	33.3% #BCCDD7	RGB 188 205 215	#BCCDD7
50.0%	50.0% #AFC1CE	RGB 175 193 206	#AFC1CE
66.7%	66.7% #A2B5C5	RGB 162 181 197	#A2B5C5
83.3%	83.3% #95A9BC	RGB 149 169 188	#95A9BC
100.0%	100.0% #889DB3	RGB 136 157 179	#889DB3

#D7E5E9 #C9D9E0 #BCCDD7 #AFC1CE #A2B5C5 #95A9BC #889DB3

#D7E5E9 - #889DB3

Mezcla HSV

#D7E5E9 - #889DB3 | 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 #D7E5E9 como 0% y #889DB3 como 100%.

0.0%	0.0% #D7E5E9	RGB 215 229 233	#D7E5E9
16.7%	16.7% #C8D9E0	RGB 200 217 224	#C8D9E0
33.3%	33.3% #BACDD7	RGB 186 205 215	#BACDD7
50.0%	50.0% #ADC2CE	RGB 173 194 206	#ADC2CE
66.7%	66.7% #A0B5C5	RGB 160 181 197	#A0B5C5
83.3%	83.3% #93A9BC	RGB 147 169 188	#93A9BC
100.0%	100.0% #889DB3	RGB 136 157 179	#889DB3

#D7E5E9 #C8D9E0 #BACDD7 #ADC2CE #A0B5C5 #93A9BC #889DB3

#D7E5E9 - #ADC2CE - #889DB3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D7E5E9 0%, #ADC2CE 50%, #889DB3 100%);
    background: -webkit-linear-gradient(top, #D7E5E9 0%, #ADC2CE 50%, #889DB3 100%);
    background: linear-gradient(to bottom, #D7E5E9 0%, #ADC2CE 50%, #889DB3 100%);
}
</style>