#5E4136 - #C39A5E | 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 #5E4136 a #C39A5E

#5E4136 #C39A5E

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

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

0.0%	0.0% #5E4136	RGB 94 65 54	#5E4136
16.7%	16.7% #6E4F3C	RGB 110 79 60	#6E4F3C
33.3%	33.3% #7F5E43	RGB 127 94 67	#7F5E43
50.0%	50.0% #906D4A	RGB 144 109 74	#906D4A
66.7%	66.7% #A17C50	RGB 161 124 80	#A17C50
83.3%	83.3% #B28B57	RGB 178 139 87	#B28B57
100.0%	100.0% #C39A5E	RGB 195 154 94	#C39A5E

#5E4136 #6E4F3C #7F5E43 #906D4A #A17C50 #B28B57 #C39A5E

#5E4136 - #C39A5E

Mezcla HSV

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

0.0%	0.0% #5E4136	RGB 94 65 54	#5E4136
16.7%	16.7% #6E4E3D	RGB 110 78 61	#6E4E3D
33.3%	33.3% #7F5B45	RGB 127 91 69	#7F5B45
50.0%	50.0% #90694C	RGB 144 105 76	#90694C
66.7%	66.7% #A17952	RGB 161 121 82	#A17952
83.3%	83.3% #B28958	RGB 178 137 88	#B28958
100.0%	100.0% #C39A5E	RGB 195 154 94	#C39A5E

#5E4136 #6E4E3D #7F5B45 #90694C #A17952 #B28958 #C39A5E

#5E4136 - #90694C - #C39A5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4136 0%, #90694C 50%, #C39A5E 100%);
    background: -webkit-linear-gradient(top, #5E4136 0%, #90694C 50%, #C39A5E 100%);
    background: linear-gradient(to bottom, #5E4136 0%, #90694C 50%, #C39A5E 100%);
}
</style>