#9F978F - #784E3A | 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 #9F978F a #784E3A

#9F978F #784E3A

Calcule el color entre dos colores, #9F978F y #784E3A. 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)

#9F978F - #784E3A | 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 #9F978F como 0% y #784E3A como 100%.

0.0%	0.0% #9F978F	RGB 159 151 143	#9F978F
16.7%	16.7% #988A80	RGB 152 138 128	#988A80
33.3%	33.3% #927E72	RGB 146 126 114	#927E72
50.0%	50.0% #8B7264	RGB 139 114 100	#8B7264
66.7%	66.7% #856656	RGB 133 102 86	#856656
83.3%	83.3% #7E5A48	RGB 126 90 72	#7E5A48
100.0%	100.0% #784E3A	RGB 120 78 58	#784E3A

#9F978F #988A80 #927E72 #8B7264 #856656 #7E5A48 #784E3A

#9F978F - #784E3A

Mezcla HSV

#9F978F - #784E3A | 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 #9F978F como 0% y #784E3A como 100%.

0.0%	0.0% #9F978F	RGB 159 151 143	#9F978F
16.7%	16.7% #988A7E	RGB 152 138 126	#988A7E
33.3%	33.3% #927E6F	RGB 146 126 111	#927E6F
50.0%	50.0% #8B7260	RGB 139 114 96	#8B7260
66.7%	66.7% #856552	RGB 133 101 82	#856552
83.3%	83.3% #7E5945	RGB 126 89 69	#7E5945
100.0%	100.0% #784E3A	RGB 120 78 58	#784E3A

#9F978F #988A7E #927E6F #8B7260 #856552 #7E5945 #784E3A

#9F978F - #8B7260 - #784E3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F978F 0%, #8B7260 50%, #784E3A 100%);
    background: -webkit-linear-gradient(top, #9F978F 0%, #8B7260 50%, #784E3A 100%);
    background: linear-gradient(to bottom, #9F978F 0%, #8B7260 50%, #784E3A 100%);
}
</style>