#504024 - #C76944 | 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 #504024 a #C76944

#504024 #C76944

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

#504024 - #C76944 | 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 #504024 como 0% y #C76944 como 100%.

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #634629	RGB 99 70 41	#634629
33.3%	33.3% #774D2E	RGB 119 77 46	#774D2E
50.0%	50.0% #8B5434	RGB 139 84 52	#8B5434
66.7%	66.7% #9F5B39	RGB 159 91 57	#9F5B39
83.3%	83.3% #B3623E	RGB 179 98 62	#B3623E
100.0%	100.0% #C76944	RGB 199 105 68	#C76944

#504024 #634629 #774D2E #8B5434 #9F5B39 #B3623E #C76944

#504024 - #C76944

Mezcla HSV

#504024 - #C76944 | 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 #504024 como 0% y #C76944 como 100%.

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #634B2B	RGB 99 75 43	#634B2B
33.3%	33.3% #775531	RGB 119 85 49	#775531
50.0%	50.0% #8B5D37	RGB 139 93 55	#8B5D37
66.7%	66.7% #9F633C	RGB 159 99 60	#9F633C
83.3%	83.3% #B36740	RGB 179 103 64	#B36740
100.0%	100.0% #C76944	RGB 199 105 68	#C76944

#504024 #634B2B #775531 #8B5D37 #9F633C #B36740 #C76944

#504024 - #8B5D37 - #C76944

Códigos CSS

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

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