#B6AB91 - #EAE7DF | 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 #B6AB91 a #EAE7DF

#B6AB91 #EAE7DF

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

#B6AB91 - #EAE7DF | 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 #B6AB91 como 0% y #EAE7DF como 100%.

0.0%	0.0% #B6AB91	RGB 182 171 145	#B6AB91
16.7%	16.7% #BEB59E	RGB 190 181 158	#BEB59E
33.3%	33.3% #C7BFAB	RGB 199 191 171	#C7BFAB
50.0%	50.0% #D0C9B8	RGB 208 201 184	#D0C9B8
66.7%	66.7% #D8D3C5	RGB 216 211 197	#D8D3C5
83.3%	83.3% #E1DDD2	RGB 225 221 210	#E1DDD2
100.0%	100.0% #EAE7DF	RGB 234 231 223	#EAE7DF

#B6AB91 #BEB59E #C7BFAB #D0C9B8 #D8D3C5 #E1DDD2 #EAE7DF

#B6AB91 - #EAE7DF

Mezcla HSV

#B6AB91 - #EAE7DF | 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 #B6AB91 como 0% y #EAE7DF como 100%.

0.0%	0.0% #B6AB91	RGB 182 171 145	#B6AB91
16.7%	16.7% #BEB49C	RGB 190 180 156	#BEB49C
33.3%	33.3% #C7BEA9	RGB 199 190 169	#C7BEA9
50.0%	50.0% #D0C8B5	RGB 208 200 181	#D0C8B5
66.7%	66.7% #D8D2C3	RGB 216 210 195	#D8D2C3
83.3%	83.3% #E1DCD0	RGB 225 220 208	#E1DCD0
100.0%	100.0% #EAE7DF	RGB 234 231 223	#EAE7DF

#B6AB91 #BEB49C #C7BEA9 #D0C8B5 #D8D2C3 #E1DCD0 #EAE7DF

#B6AB91 - #D0C8B5 - #EAE7DF

Códigos CSS

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

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