#E5E3E3 - #BD99B0 | 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 #E5E3E3 a #BD99B0

#E5E3E3 #BD99B0

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

#E5E3E3 - #BD99B0 | 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 #E5E3E3 como 0% y #BD99B0 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DA	RGB 222 214 218	#DED6DA
33.3%	33.3% #D7CAD2	RGB 215 202 210	#D7CAD2
50.0%	50.0% #D1BEC9	RGB 209 190 201	#D1BEC9
66.7%	66.7% #CAB1C1	RGB 202 177 193	#CAB1C1
83.3%	83.3% #C3A5B8	RGB 195 165 184	#C3A5B8
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED6DA #D7CAD2 #D1BEC9 #CAB1C1 #C3A5B8 #BD99B0

#E5E3E3 - #BD99B0

Mezcla HSV

#E5E3E3 - #BD99B0 | 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 #E5E3E3 como 0% y #BD99B0 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D6	RGB 222 213 214	#DED5D6
33.3%	33.3% #D7C8CB	RGB 215 200 203	#D7C8CB
50.0%	50.0% #D1BCC2	RGB 209 188 194	#D1BCC2
66.7%	66.7% #CAB0BB	RGB 202 176 187	#CAB0BB
83.3%	83.3% #C3A4B5	RGB 195 164 181	#C3A4B5
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED5D6 #D7C8CB #D1BCC2 #CAB0BB #C3A4B5 #BD99B0

#E5E3E3 - #D1BCC2 - #BD99B0

Códigos CSS

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

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