#B6AE83 - #EAE7DB | 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 #B6AE83 a #EAE7DB

#B6AE83 #EAE7DB

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

#B6AE83 - #EAE7DB | 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 #B6AE83 como 0% y #EAE7DB como 100%.

0.0%	0.0% #B6AE83	RGB 182 174 131	#B6AE83
16.7%	16.7% #BEB791	RGB 190 183 145	#BEB791
33.3%	33.3% #C7C1A0	RGB 199 193 160	#C7C1A0
50.0%	50.0% #D0CAAF	RGB 208 202 175	#D0CAAF
66.7%	66.7% #D8D4BD	RGB 216 212 189	#D8D4BD
83.3%	83.3% #E1DDCC	RGB 225 221 204	#E1DDCC
100.0%	100.0% #EAE7DB	RGB 234 231 219	#EAE7DB

#B6AE83 #BEB791 #C7C1A0 #D0CAAF #D8D4BD #E1DDCC #EAE7DB

#B6AE83 - #EAE7DB

Mezcla HSV

#B6AE83 - #EAE7DB | 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 #B6AE83 como 0% y #EAE7DB como 100%.

0.0%	0.0% #B6AE83	RGB 182 174 131	#B6AE83
16.7%	16.7% #BEB790	RGB 190 183 144	#BEB790
33.3%	33.3% #C7C09D	RGB 199 192 157	#C7C09D
50.0%	50.0% #D0C9AC	RGB 208 201 172	#D0C9AC
66.7%	66.7% #D8D3BB	RGB 216 211 187	#D8D3BB
83.3%	83.3% #E1DCCA	RGB 225 220 202	#E1DCCA
100.0%	100.0% #EAE7DB	RGB 234 231 219	#EAE7DB

#B6AE83 #BEB790 #C7C09D #D0C9AC #D8D3BB #E1DCCA #EAE7DB

#B6AE83 - #D0C9AC - #EAE7DB

Códigos CSS

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

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