#AA9A98 - #905142 | 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 #AA9A98 a #905142

#AA9A98 #905142

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

#AA9A98 - #905142 | 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 #AA9A98 como 0% y #905142 como 100%.

0.0%	0.0% #AA9A98	RGB 170 154 152	#AA9A98
16.7%	16.7% #A58D89	RGB 165 141 137	#A58D89
33.3%	33.3% #A1817B	RGB 161 129 123	#A1817B
50.0%	50.0% #9D756D	RGB 157 117 109	#9D756D
66.7%	66.7% #98695E	RGB 152 105 94	#98695E
83.3%	83.3% #945D50	RGB 148 93 80	#945D50
100.0%	100.0% #905142	RGB 144 81 66	#905142

#AA9A98 #A58D89 #A1817B #9D756D #98695E #945D50 #905142

#AA9A98 - #905142

Mezcla HSV

#AA9A98 - #905142 | 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 #AA9A98 como 0% y #905142 como 100%.

0.0%	0.0% #AA9A98	RGB 170 154 152	#AA9A98
16.7%	16.7% #A58B88	RGB 165 139 136	#A58B88
33.3%	33.3% #A17E78	RGB 161 126 120	#A17E78
50.0%	50.0% #9D716A	RGB 157 113 106	#9D716A
66.7%	66.7% #98665C	RGB 152 102 92	#98665C
83.3%	83.3% #945B4E	RGB 148 91 78	#945B4E
100.0%	100.0% #905142	RGB 144 81 66	#905142

#AA9A98 #A58B88 #A17E78 #9D716A #98665C #945B4E #905142

#AA9A98 - #9D716A - #905142

Códigos CSS

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

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