#969A8C - #556536 | 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 #969A8C a #556536

#969A8C #556536

Calcule el color entre dos colores, #969A8C y #556536. 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)

#969A8C - #556536 | 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 #969A8C como 0% y #556536 como 100%.

0.0%	0.0% #969A8C	RGB 150 154 140	#969A8C
16.7%	16.7% #8B917D	RGB 139 145 125	#8B917D
33.3%	33.3% #80886F	RGB 128 136 111	#80886F
50.0%	50.0% #757F61	RGB 117 127 97	#757F61
66.7%	66.7% #6A7652	RGB 106 118 82	#6A7652
83.3%	83.3% #5F6D44	RGB 95 109 68	#5F6D44
100.0%	100.0% #556536	RGB 85 101 54	#556536

#969A8C #8B917D #80886F #757F61 #6A7652 #5F6D44 #556536

#969A8C - #556536

Mezcla HSV

#969A8C - #556536 | 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 #969A8C como 0% y #556536 como 100%.

0.0%	0.0% #969A8C	RGB 150 154 140	#969A8C
16.7%	16.7% #8A917A	RGB 138 145 122	#8A917A
33.3%	33.3% #7F886A	RGB 127 136 106	#7F886A
50.0%	50.0% #747F5C	RGB 116 127 92	#747F5C
66.7%	66.7% #69764E	RGB 105 118 78	#69764E
83.3%	83.3% #5F6D41	RGB 95 109 65	#5F6D41
100.0%	100.0% #556536	RGB 85 101 54	#556536

#969A8C #8A917A #7F886A #747F5C #69764E #5F6D41 #556536

#969A8C - #747F5C - #556536

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969A8C 0%, #747F5C 50%, #556536 100%);
    background: -webkit-linear-gradient(top, #969A8C 0%, #747F5C 50%, #556536 100%);
    background: linear-gradient(to bottom, #969A8C 0%, #747F5C 50%, #556536 100%);
}
</style>