#B3733C - #764208 | 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 #764208

#B3733C #764208

Calcule el color entre dos colores, #B3733C y #764208. 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 - #764208 | 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 #764208 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #A86A33	RGB 168 106 51	#A86A33
33.3%	33.3% #9E622A	RGB 158 98 42	#9E622A
50.0%	50.0% #945A22	RGB 148 90 34	#945A22
66.7%	66.7% #8A5219	RGB 138 82 25	#8A5219
83.3%	83.3% #804A10	RGB 128 74 16	#804A10
100.0%	100.0% #764208	RGB 118 66 8	#764208

#B3733C #A86A33 #9E622A #945A22 #8A5219 #804A10 #764208

#B3733C - #764208

Mezcla HSV

#B3733C - #764208 | 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 #764208 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #A86931	RGB 168 105 49	#A86931
33.3%	33.3% #9E6027	RGB 158 96 39	#9E6027
50.0%	50.0% #94581D	RGB 148 88 29	#94581D
66.7%	66.7% #8A5015	RGB 138 80 21	#8A5015
83.3%	83.3% #80490E	RGB 128 73 14	#80490E
100.0%	100.0% #764208	RGB 118 66 8	#764208

#B3733C #A86931 #9E6027 #94581D #8A5015 #80490E #764208

#B3733C - #94581D - #764208

Códigos CSS

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

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