#503C24 - #857A70 | 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 #503C24 a #857A70

#503C24 #857A70

Calcule el color entre dos colores, #503C24 y #857A70. 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)

#503C24 - #857A70 | 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 #503C24 como 0% y #857A70 como 100%.

0.0%	0.0% #503C24	RGB 80 60 36	#503C24
16.7%	16.7% #584630	RGB 88 70 48	#584630
33.3%	33.3% #61503D	RGB 97 80 61	#61503D
50.0%	50.0% #6A5B4A	RGB 106 91 74	#6A5B4A
66.7%	66.7% #736556	RGB 115 101 86	#736556
83.3%	83.3% #7C6F63	RGB 124 111 99	#7C6F63
100.0%	100.0% #857A70	RGB 133 122 112	#857A70

#503C24 #584630 #61503D #6A5B4A #736556 #7C6F63 #857A70

#503C24 - #857A70

Mezcla HSV

#503C24 - #857A70 | 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 #503C24 como 0% y #857A70 como 100%.

0.0%	0.0% #503C24	RGB 80 60 36	#503C24
16.7%	16.7% #58442D	RGB 88 68 45	#58442D
33.3%	33.3% #614E38	RGB 97 78 56	#614E38
50.0%	50.0% #6A5844	RGB 106 88 68	#6A5844
66.7%	66.7% #736252	RGB 115 98 82	#736252
83.3%	83.3% #7C6D60	RGB 124 109 96	#7C6D60
100.0%	100.0% #857A70	RGB 133 122 112	#857A70

#503C24 #58442D #614E38 #6A5844 #736252 #7C6D60 #857A70

#503C24 - #6A5844 - #857A70

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503C24 0%, #6A5844 50%, #857A70 100%);
    background: -webkit-linear-gradient(top, #503C24 0%, #6A5844 50%, #857A70 100%);
    background: linear-gradient(to bottom, #503C24 0%, #6A5844 50%, #857A70 100%);
}
</style>