#949A8C - #506736 | 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 #949A8C a #506736

#949A8C #506736

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

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

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #88917D	RGB 136 145 125	#88917D
33.3%	33.3% #7D896F	RGB 125 137 111	#7D896F
50.0%	50.0% #728061	RGB 114 128 97	#728061
66.7%	66.7% #667852	RGB 102 120 82	#667852
83.3%	83.3% #5B6F44	RGB 91 111 68	#5B6F44
100.0%	100.0% #506736	RGB 80 103 54	#506736

#949A8C #88917D #7D896F #728061 #667852 #5B6F44 #506736

#949A8C - #506736

Mezcla HSV

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

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #87917A	RGB 135 145 122	#87917A
33.3%	33.3% #7B896A	RGB 123 137 106	#7B896A
50.0%	50.0% #70805C	RGB 112 128 92	#70805C
66.7%	66.7% #64784E	RGB 100 120 78	#64784E
83.3%	83.3% #5A6F41	RGB 90 111 65	#5A6F41
100.0%	100.0% #506736	RGB 80 103 54	#506736

#949A8C #87917A #7B896A #70805C #64784E #5A6F41 #506736

#949A8C - #70805C - #506736

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949A8C 0%, #70805C 50%, #506736 100%);
    background: -webkit-linear-gradient(top, #949A8C 0%, #70805C 50%, #506736 100%);
    background: linear-gradient(to bottom, #949A8C 0%, #70805C 50%, #506736 100%);
}
</style>