#E5E3E4 - #BD99B4 | 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 #E5E3E4 a #BD99B4

#E5E3E4 #BD99B4

Calcule el color entre dos colores, #E5E3E4 y #BD99B4. 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)

#E5E3E4 - #BD99B4 | 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 #E5E3E4 como 0% y #BD99B4 como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #DED6DC	RGB 222 214 220	#DED6DC
33.3%	33.3% #D7CAD4	RGB 215 202 212	#D7CAD4
50.0%	50.0% #D1BECC	RGB 209 190 204	#D1BECC
66.7%	66.7% #CAB1C4	RGB 202 177 196	#CAB1C4
83.3%	83.3% #C3A5BC	RGB 195 165 188	#C3A5BC
100.0%	100.0% #BD99B4	RGB 189 153 180	#BD99B4

#E5E3E4 #DED6DC #D7CAD4 #D1BECC #CAB1C4 #C3A5BC #BD99B4

#E5E3E4 - #BD99B4

Mezcla HSV

#E5E3E4 - #BD99B4 | 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 #E5E3E4 como 0% y #BD99B4 como 100%.

0.0%	0.0% #E5E3E4	RGB 229 227 228	#E5E3E4
16.7%	16.7% #DED5DA	RGB 222 213 218	#DED5DA
33.3%	33.3% #D7C8D1	RGB 215 200 209	#D7C8D1
50.0%	50.0% #D1BCC9	RGB 209 188 201	#D1BCC9
66.7%	66.7% #CAB0C1	RGB 202 176 193	#CAB0C1
83.3%	83.3% #C3A4BA	RGB 195 164 186	#C3A4BA
100.0%	100.0% #BD99B4	RGB 189 153 180	#BD99B4

#E5E3E4 #DED5DA #D7C8D1 #D1BCC9 #CAB0C1 #C3A4BA #BD99B4

#E5E3E4 - #D1BCC9 - #BD99B4

Códigos CSS

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

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