#E5E4E3 - #C7B899 | 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 #E5E4E3 a #C7B899

#E5E4E3 #C7B899

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

#E5E4E3 - #C7B899 | 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 #E5E4E3 como 0% y #C7B899 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #E0DCD6	RGB 224 220 214	#E0DCD6
33.3%	33.3% #DBD5CA	RGB 219 213 202	#DBD5CA
50.0%	50.0% #D6CEBE	RGB 214 206 190	#D6CEBE
66.7%	66.7% #D1C6B1	RGB 209 198 177	#D1C6B1
83.3%	83.3% #CCBFA5	RGB 204 191 165	#CCBFA5
100.0%	100.0% #C7B899	RGB 199 184 153	#C7B899

#E5E4E3 #E0DCD6 #DBD5CA #D6CEBE #D1C6B1 #CCBFA5 #C7B899

#E5E4E3 - #C7B899

Mezcla HSV

#E5E4E3 - #C7B899 | 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 #E5E4E3 como 0% y #C7B899 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #E0DBD5	RGB 224 219 213	#E0DBD5
33.3%	33.3% #DBD2C8	RGB 219 210 200	#DBD2C8
50.0%	50.0% #D6CBBC	RGB 214 203 188	#D6CBBC
66.7%	66.7% #D1C4B0	RGB 209 196 176	#D1C4B0
83.3%	83.3% #CCBDA4	RGB 204 189 164	#CCBDA4
100.0%	100.0% #C7B899	RGB 199 184 153	#C7B899

#E5E4E3 #E0DBD5 #DBD2C8 #D6CBBC #D1C4B0 #CCBDA4 #C7B899

#E5E4E3 - #D6CBBC - #C7B899

Códigos CSS

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

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