#E5E2E2 - #BD989B | 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 #E5E2E2 a #BD989B

#E5E2E2 #BD989B

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

#E5E2E2 - #BD989B | 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 #E5E2E2 como 0% y #BD989B como 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DED5D6	RGB 222 213 214	#DED5D6
33.3%	33.3% #D7C9CA	RGB 215 201 202	#D7C9CA
50.0%	50.0% #D1BDBE	RGB 209 189 190	#D1BDBE
66.7%	66.7% #CAB0B2	RGB 202 176 178	#CAB0B2
83.3%	83.3% #C3A4A6	RGB 195 164 166	#C3A4A6
100.0%	100.0% #BD989B	RGB 189 152 155	#BD989B

#E5E2E2 #DED5D6 #D7C9CA #D1BDBE #CAB0B2 #C3A4A6 #BD989B

#E5E2E2 - #BD989B

Mezcla HSV

#E5E2E2 - #BD989B | 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 #E5E2E2 como 0% y #BD989B como 100%.

0.0%	0.0% #E5E2E2	RGB 229 226 226	#E5E2E2
16.7%	16.7% #DED4D4	RGB 222 212 212	#DED4D4
33.3%	33.3% #D7C7C8	RGB 215 199 200	#D7C7C8
50.0%	50.0% #D1BBBC	RGB 209 187 188	#D1BBBC
66.7%	66.7% #CAAFB0	RGB 202 175 176	#CAAFB0
83.3%	83.3% #C3A3A5	RGB 195 163 165	#C3A3A5
100.0%	100.0% #BD989B	RGB 189 152 155	#BD989B

#E5E2E2 #DED4D4 #D7C7C8 #D1BBBC #CAAFB0 #C3A3A5 #BD989B

#E5E2E2 - #D1BBBC - #BD989B

Códigos CSS

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

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