#B69666 - #EAE1D3 | 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 #B69666 a #EAE1D3

#B69666 #EAE1D3

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

#B69666 - #EAE1D3 | 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 #B69666 como 0% y #EAE1D3 como 100%.

0.0%	0.0% #B69666	RGB 182 150 102	#B69666
16.7%	16.7% #BEA278	RGB 190 162 120	#BEA278
33.3%	33.3% #C7AF8A	RGB 199 175 138	#C7AF8A
50.0%	50.0% #D0BB9C	RGB 208 187 156	#D0BB9C
66.7%	66.7% #D8C8AE	RGB 216 200 174	#D8C8AE
83.3%	83.3% #E1D4C0	RGB 225 212 192	#E1D4C0
100.0%	100.0% #EAE1D3	RGB 234 225 211	#EAE1D3

#B69666 #BEA278 #C7AF8A #D0BB9C #D8C8AE #E1D4C0 #EAE1D3

#B69666 - #EAE1D3

Mezcla HSV

#B69666 - #EAE1D3 | 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 #B69666 como 0% y #EAE1D3 como 100%.

0.0%	0.0% #B69666	RGB 182 150 102	#B69666
16.7%	16.7% #BEA175	RGB 190 161 117	#BEA175
33.3%	33.3% #C7AD86	RGB 199 173 134	#C7AD86
50.0%	50.0% #D0B998	RGB 208 185 152	#D0B998
66.7%	66.7% #D8C6AA	RGB 216 198 170	#D8C6AA
83.3%	83.3% #E1D3BE	RGB 225 211 190	#E1D3BE
100.0%	100.0% #EAE1D3	RGB 234 225 211	#EAE1D3

#B69666 #BEA175 #C7AD86 #D0B998 #D8C6AA #E1D3BE #EAE1D3

#B69666 - #D0B998 - #EAE1D3

Códigos CSS

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

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