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

#E5E3E3 #BAAC98

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDD9D6	RGB 221 217 214	#DDD9D6
33.3%	33.3% #D6D0CA	RGB 214 208 202	#D6D0CA
50.0%	50.0% #CFC7BD	RGB 207 199 189	#CFC7BD
66.7%	66.7% #C8BEB1	RGB 200 190 177	#C8BEB1
83.3%	83.3% #C1B5A4	RGB 193 181 164	#C1B5A4
100.0%	100.0% #BAAC98	RGB 186 172 152	#BAAC98

#E5E3E3 #DDD9D6 #D6D0CA #CFC7BD #C8BEB1 #C1B5A4 #BAAC98

#E5E3E3 - #BAAC98

Mezcla HSV

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDD6D5	RGB 221 214 213	#DDD6D5
33.3%	33.3% #D6CBC8	RGB 214 203 200	#D6CBC8
50.0%	50.0% #CFC1BB	RGB 207 193 187	#CFC1BB
66.7%	66.7% #C8B9AF	RGB 200 185 175	#C8B9AF
83.3%	83.3% #C1B2A3	RGB 193 178 163	#C1B2A3
100.0%	100.0% #BAAC98	RGB 186 172 152	#BAAC98

#E5E3E3 #DDD6D5 #D6CBC8 #CFC1BB #C8B9AF #C1B2A3 #BAAC98

#E5E3E3 - #CFC1BB - #BAAC98

Códigos CSS

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

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