#E5E3E3 - #BD99BB | 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 #BD99BB

#E5E3E3 #BD99BB

Calcule el color entre dos colores, #E5E3E3 y #BD99BB. 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 - #BD99BB | 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 #BD99BB como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DC	RGB 222 214 220	#DED6DC
33.3%	33.3% #D7CAD5	RGB 215 202 213	#D7CAD5
50.0%	50.0% #D1BECF	RGB 209 190 207	#D1BECF
66.7%	66.7% #CAB1C8	RGB 202 177 200	#CAB1C8
83.3%	83.3% #C3A5C1	RGB 195 165 193	#C3A5C1
100.0%	100.0% #BD99BB	RGB 189 153 187	#BD99BB

#E5E3E3 #DED6DC #D7CAD5 #D1BECF #CAB1C8 #C3A5C1 #BD99BB

#E5E3E3 - #BD99BB

Mezcla HSV

#E5E3E3 - #BD99BB | 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 #BD99BB como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D7	RGB 222 213 215	#DED5D7
33.3%	33.3% #D7C8CD	RGB 215 200 205	#D7C8CD
50.0%	50.0% #D1BCC6	RGB 209 188 198	#D1BCC6
66.7%	66.7% #CAB0C0	RGB 202 176 192	#CAB0C0
83.3%	83.3% #C3A4BC	RGB 195 164 188	#C3A4BC
100.0%	100.0% #BD99BB	RGB 189 153 187	#BD99BB

#E5E3E3 #DED5D7 #D7C8CD #D1BCC6 #CAB0C0 #C3A4BC #BD99BB

#E5E3E3 - #D1BCC6 - #BD99BB

Códigos CSS

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

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