#E5E2DF - #B5AD98 | 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 #E5E2DF a #B5AD98

#E5E2DF #B5AD98

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

#E5E2DF - #B5AD98 | 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 #E5E2DF como 0% y #B5AD98 como 100%.

0.0%	0.0% #E5E2DF	RGB 229 226 223	#E5E2DF
16.7%	16.7% #DDD9D3	RGB 221 217 211	#DDD9D3
33.3%	33.3% #D5D0C7	RGB 213 208 199	#D5D0C7
50.0%	50.0% #CDC7BB	RGB 205 199 187	#CDC7BB
66.7%	66.7% #C5BEAF	RGB 197 190 175	#C5BEAF
83.3%	83.3% #BDB5A3	RGB 189 181 163	#BDB5A3
100.0%	100.0% #B5AD98	RGB 181 173 152	#B5AD98

#E5E2DF #DDD9D3 #D5D0C7 #CDC7BB #C5BEAF #BDB5A3 #B5AD98

#E5E2DF - #B5AD98

Mezcla HSV

#E5E2DF - #B5AD98 | 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 #E5E2DF como 0% y #B5AD98 como 100%.

0.0%	0.0% #E5E2DF	RGB 229 226 223	#E5E2DF
16.7%	16.7% #DDD8D2	RGB 221 216 210	#DDD8D2
33.3%	33.3% #D5CEC5	RGB 213 206 197	#D5CEC5
50.0%	50.0% #CDC5B9	RGB 205 197 185	#CDC5B9
66.7%	66.7% #C5BDAE	RGB 197 189 174	#C5BDAE
83.3%	83.3% #BDB4A2	RGB 189 180 162	#BDB4A2
100.0%	100.0% #B5AD98	RGB 181 173 152	#B5AD98

#E5E2DF #DDD8D2 #D5CEC5 #CDC5B9 #C5BDAE #BDB4A2 #B5AD98

#E5E2DF - #CDC5B9 - #B5AD98

Códigos CSS

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

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