#5E5E56 - #D5A675 | 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 #5E5E56 a #D5A675

#5E5E56 #D5A675

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

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

0.0%	0.0% #5E5E56	RGB 94 94 86	#5E5E56
16.7%	16.7% #716A5B	RGB 113 106 91	#716A5B
33.3%	33.3% #857660	RGB 133 118 96	#857660
50.0%	50.0% #998265	RGB 153 130 101	#998265
66.7%	66.7% #AD8E6A	RGB 173 142 106	#AD8E6A
83.3%	83.3% #C19A6F	RGB 193 154 111	#C19A6F
100.0%	100.0% #D5A675	RGB 213 166 117	#D5A675

#5E5E56 #716A5B #857660 #998265 #AD8E6A #C19A6F #D5A675

#5E5E56 - #D5A675

Mezcla HSV

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

0.0%	0.0% #5E5E56	RGB 94 94 86	#5E5E56
16.7%	16.7% #717061	RGB 113 112 97	#717061
33.3%	33.3% #85816A	RGB 133 129 106	#85816A
50.0%	50.0% #998F70	RGB 153 143 112	#998F70
66.7%	66.7% #AD9A74	RGB 173 154 116	#AD9A74
83.3%	83.3% #C1A275	RGB 193 162 117	#C1A275
100.0%	100.0% #D5A675	RGB 213 166 117	#D5A675

#5E5E56 #717061 #85816A #998F70 #AD9A74 #C1A275 #D5A675

#5E5E56 - #998F70 - #D5A675

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E56 0%, #998F70 50%, #D5A675 100%);
    background: -webkit-linear-gradient(top, #5E5E56 0%, #998F70 50%, #D5A675 100%);
    background: linear-gradient(to bottom, #5E5E56 0%, #998F70 50%, #D5A675 100%);
}
</style>