#5E4828 - #CD8C47 | 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 #5E4828 a #CD8C47

#5E4828 #CD8C47

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

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

0.0%	0.0% #5E4828	RGB 94 72 40	#5E4828
16.7%	16.7% #70532D	RGB 112 83 45	#70532D
33.3%	33.3% #835E32	RGB 131 94 50	#835E32
50.0%	50.0% #956A37	RGB 149 106 55	#956A37
66.7%	66.7% #A8753C	RGB 168 117 60	#A8753C
83.3%	83.3% #BA8041	RGB 186 128 65	#BA8041
100.0%	100.0% #CD8C47	RGB 205 140 71	#CD8C47

#5E4828 #70532D #835E32 #956A37 #A8753C #BA8041 #CD8C47

#5E4828 - #CD8C47

Mezcla HSV

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

0.0%	0.0% #5E4828	RGB 94 72 40	#5E4828
16.7%	16.7% #70542E	RGB 112 84 46	#70542E
33.3%	33.3% #836034	RGB 131 96 52	#836034
50.0%	50.0% #956C39	RGB 149 108 57	#956C39
66.7%	66.7% #A8773E	RGB 168 119 62	#A8773E
83.3%	83.3% #BA8243	RGB 186 130 67	#BA8243
100.0%	100.0% #CD8C47	RGB 205 140 71	#CD8C47

#5E4828 #70542E #836034 #956C39 #A8773E #BA8243 #CD8C47

#5E4828 - #956C39 - #CD8C47

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4828 0%, #956C39 50%, #CD8C47 100%);
    background: -webkit-linear-gradient(top, #5E4828 0%, #956C39 50%, #CD8C47 100%);
    background: linear-gradient(to bottom, #5E4828 0%, #956C39 50%, #CD8C47 100%);
}
</style>