#9C9F8F - #5C6839 | 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 #9C9F8F a #5C6839

#9C9F8F #5C6839

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

#9C9F8F - #5C6839 | 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 #9C9F8F como 0% y #5C6839 como 100%.

0.0%	0.0% #9C9F8F	RGB 156 159 143	#9C9F8F
16.7%	16.7% #919580	RGB 145 149 128	#919580
33.3%	33.3% #868C72	RGB 134 140 114	#868C72
50.0%	50.0% #7C8364	RGB 124 131 100	#7C8364
66.7%	66.7% #717A55	RGB 113 122 85	#717A55
83.3%	83.3% #667147	RGB 102 113 71	#667147
100.0%	100.0% #5C6839	RGB 92 104 57	#5C6839

#9C9F8F #919580 #868C72 #7C8364 #717A55 #667147 #5C6839

#9C9F8F - #5C6839

Mezcla HSV

#9C9F8F - #5C6839 | 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 #9C9F8F como 0% y #5C6839 como 100%.

0.0%	0.0% #9C9F8F	RGB 156 159 143	#9C9F8F
16.7%	16.7% #91957D	RGB 145 149 125	#91957D
33.3%	33.3% #868C6E	RGB 134 140 110	#868C6E
50.0%	50.0% #7B835F	RGB 123 131 95	#7B835F
66.7%	66.7% #707A51	RGB 112 122 81	#707A51
83.3%	83.3% #667144	RGB 102 113 68	#667144
100.0%	100.0% #5C6839	RGB 92 104 57	#5C6839

#9C9F8F #91957D #868C6E #7B835F #707A51 #667144 #5C6839

#9C9F8F - #7B835F - #5C6839

Códigos CSS

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

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