#B3733C - #E9D6C7 | 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 #B3733C a #E9D6C7

#B3733C #E9D6C7

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

#B3733C - #E9D6C7 | 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 #B3733C como 0% y #E9D6C7 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #BC8353	RGB 188 131 83	#BC8353
33.3%	33.3% #C5946A	RGB 197 148 106	#C5946A
50.0%	50.0% #CEA481	RGB 206 164 129	#CEA481
66.7%	66.7% #D7B598	RGB 215 181 152	#D7B598
83.3%	83.3% #E0C5AF	RGB 224 197 175	#E0C5AF
100.0%	100.0% #E9D6C7	RGB 233 214 199	#E9D6C7

#B3733C #BC8353 #C5946A #CEA481 #D7B598 #E0C5AF #E9D6C7

#B3733C - #E9D6C7

Mezcla HSV

#B3733C - #E9D6C7 | 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 #B3733C como 0% y #E9D6C7 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #BC814F	RGB 188 129 79	#BC814F
33.3%	33.3% #C59064	RGB 197 144 100	#C59064
50.0%	50.0% #CEA07A	RGB 206 160 122	#CEA07A
66.7%	66.7% #D7B192	RGB 215 177 146	#D7B192
83.3%	83.3% #E0C3AB	RGB 224 195 171	#E0C3AB
100.0%	100.0% #E9D6C7	RGB 233 214 199	#E9D6C7

#B3733C #BC814F #C59064 #CEA07A #D7B192 #E0C3AB #E9D6C7

#B3733C - #CEA07A - #E9D6C7

Códigos CSS

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

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