#5E3A36 - #C5805D | 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 #5E3A36 a #C5805D

#5E3A36 #C5805D

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

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

0.0%	0.0% #5E3A36	RGB 94 58 54	#5E3A36
16.7%	16.7% #6F453C	RGB 111 69 60	#6F453C
33.3%	33.3% #805143	RGB 128 81 67	#805143
50.0%	50.0% #915D49	RGB 145 93 73	#915D49
66.7%	66.7% #A26850	RGB 162 104 80	#A26850
83.3%	83.3% #B37456	RGB 179 116 86	#B37456
100.0%	100.0% #C5805D	RGB 197 128 93	#C5805D

#5E3A36 #6F453C #805143 #915D49 #A26850 #B37456 #C5805D

#5E3A36 - #C5805D

Mezcla HSV

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

0.0%	0.0% #5E3A36	RGB 94 58 54	#5E3A36
16.7%	16.7% #6F443D	RGB 111 68 61	#6F443D
33.3%	33.3% #804F45	RGB 128 79 69	#804F45
50.0%	50.0% #915B4C	RGB 145 91 76	#915B4C
66.7%	66.7% #A26752	RGB 162 103 82	#A26752
83.3%	83.3% #B37357	RGB 179 115 87	#B37357
100.0%	100.0% #C5805D	RGB 197 128 93	#C5805D

#5E3A36 #6F443D #804F45 #915B4C #A26752 #B37357 #C5805D

#5E3A36 - #915B4C - #C5805D

Códigos CSS

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

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