#ABAF9F - #687849 | 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 #ABAF9F a #687849

#ABAF9F #687849

Calcule el color entre dos colores, #ABAF9F y #687849. 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)

#ABAF9F - #687849 | 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 #ABAF9F como 0% y #687849 como 100%.

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #9FA590	RGB 159 165 144	#9FA590
33.3%	33.3% #949C82	RGB 148 156 130	#949C82
50.0%	50.0% #899374	RGB 137 147 116	#899374
66.7%	66.7% #7E8A65	RGB 126 138 101	#7E8A65
83.3%	83.3% #738157	RGB 115 129 87	#738157
100.0%	100.0% #687849	RGB 104 120 73	#687849

#ABAF9F #9FA590 #949C82 #899374 #7E8A65 #738157 #687849

#ABAF9F - #687849

Mezcla HSV

#ABAF9F - #687849 | 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 #ABAF9F como 0% y #687849 como 100%.

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #9FA58E	RGB 159 165 142	#9FA58E
33.3%	33.3% #949C7E	RGB 148 156 126	#949C7E
50.0%	50.0% #88936F	RGB 136 147 111	#88936F
66.7%	66.7% #7D8A61	RGB 125 138 97	#7D8A61
83.3%	83.3% #728155	RGB 114 129 85	#728155
100.0%	100.0% #687849	RGB 104 120 73	#687849

#ABAF9F #9FA58E #949C7E #88936F #7D8A61 #728155 #687849

#ABAF9F - #88936F - #687849

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABAF9F 0%, #88936F 50%, #687849 100%);
    background: -webkit-linear-gradient(top, #ABAF9F 0%, #88936F 50%, #687849 100%);
    background: linear-gradient(to bottom, #ABAF9F 0%, #88936F 50%, #687849 100%);
}
</style>