#5C5E4D - #C0AA76 | 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 #5C5E4D a #C0AA76

#5C5E4D #C0AA76

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

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

0.0%	0.0% #5C5E4D	RGB 92 94 77	#5C5E4D
16.7%	16.7% #6C6A53	RGB 108 106 83	#6C6A53
33.3%	33.3% #7D775A	RGB 125 119 90	#7D775A
50.0%	50.0% #8E8461	RGB 142 132 97	#8E8461
66.7%	66.7% #9E9068	RGB 158 144 104	#9E9068
83.3%	83.3% #AF9D6F	RGB 175 157 111	#AF9D6F
100.0%	100.0% #C0AA76	RGB 192 170 118	#C0AA76

#5C5E4D #6C6A53 #7D775A #8E8461 #9E9068 #AF9D6F #C0AA76

#5C5E4D - #C0AA76

Mezcla HSV

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

0.0%	0.0% #5C5E4D	RGB 92 94 77	#5C5E4D
16.7%	16.7% #6D6E56	RGB 109 110 86	#6D6E56
33.3%	33.3% #7E7E5F	RGB 126 126 95	#7E7E5F
50.0%	50.0% #8F8B66	RGB 143 139 102	#8F8B66
66.7%	66.7% #9F976C	RGB 159 151 108	#9F976C
83.3%	83.3% #AFA171	RGB 175 161 113	#AFA171
100.0%	100.0% #C0AA76	RGB 192 170 118	#C0AA76

#5C5E4D #6D6E56 #7E7E5F #8F8B66 #9F976C #AFA171 #C0AA76

#5C5E4D - #8F8B66 - #C0AA76

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E4D 0%, #8F8B66 50%, #C0AA76 100%);
    background: -webkit-linear-gradient(top, #5C5E4D 0%, #8F8B66 50%, #C0AA76 100%);
    background: linear-gradient(to bottom, #5C5E4D 0%, #8F8B66 50%, #C0AA76 100%);
}
</style>