#E3E2DF - #C0AC94 | 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 #E3E2DF a #C0AC94

#E3E2DF #C0AC94

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

#E3E2DF - #C0AC94 | 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 #E3E2DF como 0% y #C0AC94 como 100%.

0.0%	0.0% #E3E2DF	RGB 227 226 223	#E3E2DF
16.7%	16.7% #DDD9D2	RGB 221 217 210	#DDD9D2
33.3%	33.3% #D7D0C6	RGB 215 208 198	#D7D0C6
50.0%	50.0% #D1C7B9	RGB 209 199 185	#D1C7B9
66.7%	66.7% #CBBEAD	RGB 203 190 173	#CBBEAD
83.3%	83.3% #C5B5A0	RGB 197 181 160	#C5B5A0
100.0%	100.0% #C0AC94	RGB 192 172 148	#C0AC94

#E3E2DF #DDD9D2 #D7D0C6 #D1C7B9 #CBBEAD #C5B5A0 #C0AC94

#E3E2DF - #C0AC94

Mezcla HSV

#E3E2DF - #C0AC94 | 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 #E3E2DF como 0% y #C0AC94 como 100%.

0.0%	0.0% #E3E2DF	RGB 227 226 223	#E3E2DF
16.7%	16.7% #DDD9D1	RGB 221 217 209	#DDD9D1
33.3%	33.3% #D7D1C4	RGB 215 209 196	#D7D1C4
50.0%	50.0% #D1C8B7	RGB 209 200 183	#D1C8B7
66.7%	66.7% #CBBFAB	RGB 203 191 171	#CBBFAB
83.3%	83.3% #C5B59F	RGB 197 181 159	#C5B59F
100.0%	100.0% #C0AC94	RGB 192 172 148	#C0AC94

#E3E2DF #DDD9D1 #D7D1C4 #D1C8B7 #CBBFAB #C5B59F #C0AC94

#E3E2DF - #D1C8B7 - #C0AC94

Códigos CSS

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

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