#5E4725 - #CD8A44 | 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 #5E4725 a #CD8A44

#5E4725 #CD8A44

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

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

0.0%	0.0% #5E4725	RGB 94 71 37	#5E4725
16.7%	16.7% #70522A	RGB 112 82 42	#70522A
33.3%	33.3% #835D2F	RGB 131 93 47	#835D2F
50.0%	50.0% #956834	RGB 149 104 52	#956834
66.7%	66.7% #A87339	RGB 168 115 57	#A87339
83.3%	83.3% #BA7E3E	RGB 186 126 62	#BA7E3E
100.0%	100.0% #CD8A44	RGB 205 138 68	#CD8A44

#5E4725 #70522A #835D2F #956834 #A87339 #BA7E3E #CD8A44

#5E4725 - #CD8A44

Mezcla HSV

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

0.0%	0.0% #5E4725	RGB 94 71 37	#5E4725
16.7%	16.7% #70532B	RGB 112 83 43	#70532B
33.3%	33.3% #835F30	RGB 131 95 48	#835F30
50.0%	50.0% #956A36	RGB 149 106 54	#956A36
66.7%	66.7% #A8753B	RGB 168 117 59	#A8753B
83.3%	83.3% #BA803F	RGB 186 128 63	#BA803F
100.0%	100.0% #CD8A44	RGB 205 138 68	#CD8A44

#5E4725 #70532B #835F30 #956A36 #A8753B #BA803F #CD8A44

#5E4725 - #956A36 - #CD8A44

Códigos CSS

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

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