#5E5D4D - #D7A56C | 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 #5E5D4D a #D7A56C

#5E5D4D #D7A56C

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

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

0.0%	0.0% #5E5D4D	RGB 94 93 77	#5E5D4D
16.7%	16.7% #726952	RGB 114 105 82	#726952
33.3%	33.3% #867557	RGB 134 117 87	#867557
50.0%	50.0% #9A815C	RGB 154 129 92	#9A815C
66.7%	66.7% #AE8D61	RGB 174 141 97	#AE8D61
83.3%	83.3% #C29966	RGB 194 153 102	#C29966
100.0%	100.0% #D7A56C	RGB 215 165 108	#D7A56C

#5E5D4D #726952 #867557 #9A815C #AE8D61 #C29966 #D7A56C

#5E5D4D - #D7A56C

Mezcla HSV

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

0.0%	0.0% #5E5D4D	RGB 94 93 77	#5E5D4D
16.7%	16.7% #726E57	RGB 114 110 87	#726E57
33.3%	33.3% #867E5F	RGB 134 126 95	#867E5F
50.0%	50.0% #9A8C66	RGB 154 140 102	#9A8C66
66.7%	66.7% #AE976A	RGB 174 151 106	#AE976A
83.3%	83.3% #C2A06C	RGB 194 160 108	#C2A06C
100.0%	100.0% #D7A56C	RGB 215 165 108	#D7A56C

#5E5D4D #726E57 #867E5F #9A8C66 #AE976A #C2A06C #D7A56C

#5E5D4D - #9A8C66 - #D7A56C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D4D 0%, #9A8C66 50%, #D7A56C 100%);
    background: -webkit-linear-gradient(top, #5E5D4D 0%, #9A8C66 50%, #D7A56C 100%);
    background: linear-gradient(to bottom, #5E5D4D 0%, #9A8C66 50%, #D7A56C 100%);
}
</style>