#5E3936 - #C57F5D | 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 #5E3936 a #C57F5D

#5E3936 #C57F5D

Calcule el color entre dos colores, #5E3936 y #C57F5D. 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)

#5E3936 - #C57F5D | 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 #5E3936 como 0% y #C57F5D como 100%.

0.0%	0.0% #5E3936	RGB 94 57 54	#5E3936
16.7%	16.7% #6F443C	RGB 111 68 60	#6F443C
33.3%	33.3% #805043	RGB 128 80 67	#805043
50.0%	50.0% #915C49	RGB 145 92 73	#915C49
66.7%	66.7% #A26750	RGB 162 103 80	#A26750
83.3%	83.3% #B37356	RGB 179 115 86	#B37356
100.0%	100.0% #C57F5D	RGB 197 127 93	#C57F5D

#5E3936 #6F443C #805043 #915C49 #A26750 #B37356 #C57F5D

#5E3936 - #C57F5D

Mezcla HSV

#5E3936 - #C57F5D | 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 #5E3936 como 0% y #C57F5D como 100%.

0.0%	0.0% #5E3936	RGB 94 57 54	#5E3936
16.7%	16.7% #6F433D	RGB 111 67 61	#6F433D
33.3%	33.3% #804E45	RGB 128 78 69	#804E45
50.0%	50.0% #915A4C	RGB 145 90 76	#915A4C
66.7%	66.7% #A26552	RGB 162 101 82	#A26552
83.3%	83.3% #B37257	RGB 179 114 87	#B37257
100.0%	100.0% #C57F5D	RGB 197 127 93	#C57F5D

#5E3936 #6F433D #804E45 #915A4C #A26552 #B37257 #C57F5D

#5E3936 - #915A4C - #C57F5D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3936 0%, #915A4C 50%, #C57F5D 100%);
    background: -webkit-linear-gradient(top, #5E3936 0%, #915A4C 50%, #C57F5D 100%);
    background: linear-gradient(to bottom, #5E3936 0%, #915A4C 50%, #C57F5D 100%);
}
</style>