#A99F9F - #925449 | 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 #A99F9F a #925449

#A99F9F #925449

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

#A99F9F - #925449 | 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 #A99F9F como 0% y #925449 como 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #A59290	RGB 165 146 144	#A59290
33.3%	33.3% #A18682	RGB 161 134 130	#A18682
50.0%	50.0% #9D7974	RGB 157 121 116	#9D7974
66.7%	66.7% #996D65	RGB 153 109 101	#996D65
83.3%	83.3% #956057	RGB 149 96 87	#956057
100.0%	100.0% #925449	RGB 146 84 73	#925449

#A99F9F #A59290 #A18682 #9D7974 #996D65 #956057 #925449

#A99F9F - #925449

Mezcla HSV

#A99F9F - #925449 | 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 #A99F9F como 0% y #925449 como 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #A58F8F	RGB 165 143 143	#A58F8F
33.3%	33.3% #A18180	RGB 161 129 128	#A18180
50.0%	50.0% #9D7471	RGB 157 116 113	#9D7471
66.7%	66.7% #996863	RGB 153 104 99	#996863
83.3%	83.3% #955D55	RGB 149 93 85	#955D55
100.0%	100.0% #925449	RGB 146 84 73	#925449

#A99F9F #A58F8F #A18180 #9D7471 #996863 #955D55 #925449

#A99F9F - #9D7471 - #925449

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A99F9F 0%, #9D7471 50%, #925449 100%);
    background: -webkit-linear-gradient(top, #A99F9F 0%, #9D7471 50%, #925449 100%);
    background: linear-gradient(to bottom, #A99F9F 0%, #9D7471 50%, #925449 100%);
}
</style>