#D7E5E8 - #899CB2 | 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 #D7E5E8 a #899CB2

#D7E5E8 #899CB2

Calcule el color entre dos colores, #D7E5E8 y #899CB2. 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)

#D7E5E8 - #899CB2 | 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 #D7E5E8 como 0% y #899CB2 como 100%.

0.0%	0.0% #D7E5E8	RGB 215 229 232	#D7E5E8
16.7%	16.7% #CAD8DF	RGB 202 216 223	#CAD8DF
33.3%	33.3% #BDCCD6	RGB 189 204 214	#BDCCD6
50.0%	50.0% #B0C0CD	RGB 176 192 205	#B0C0CD
66.7%	66.7% #A3B4C4	RGB 163 180 196	#A3B4C4
83.3%	83.3% #96A8BB	RGB 150 168 187	#96A8BB
100.0%	100.0% #899CB2	RGB 137 156 178	#899CB2

#D7E5E8 #CAD8DF #BDCCD6 #B0C0CD #A3B4C4 #96A8BB #899CB2

#D7E5E8 - #899CB2

Mezcla HSV

#D7E5E8 - #899CB2 | 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 #D7E5E8 como 0% y #899CB2 como 100%.

0.0%	0.0% #D7E5E8	RGB 215 229 232	#D7E5E8
16.7%	16.7% #C8D9DF	RGB 200 217 223	#C8D9DF
33.3%	33.3% #BBCED6	RGB 187 206 214	#BBCED6
50.0%	50.0% #ADC1CD	RGB 173 193 205	#ADC1CD
66.7%	66.7% #A1B5C4	RGB 161 181 196	#A1B5C4
83.3%	83.3% #94A8BB	RGB 148 168 187	#94A8BB
100.0%	100.0% #899CB2	RGB 137 156 178	#899CB2

#D7E5E8 #C8D9DF #BBCED6 #ADC1CD #A1B5C4 #94A8BB #899CB2

#D7E5E8 - #ADC1CD - #899CB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D7E5E8 0%, #ADC1CD 50%, #899CB2 100%);
    background: -webkit-linear-gradient(top, #D7E5E8 0%, #ADC1CD 50%, #899CB2 100%);
    background: linear-gradient(to bottom, #D7E5E8 0%, #ADC1CD 50%, #899CB2 100%);
}
</style>