#AA9BAB - #544A5E | 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 #AA9BAB a #544A5E

#AA9BAB #544A5E

Calcule el color entre dos colores, #AA9BAB y #544A5E. 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)

#AA9BAB - #544A5E | 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 #AA9BAB como 0% y #544A5E como 100%.

0.0%	0.0% #AA9BAB	RGB 170 155 171	#AA9BAB
16.7%	16.7% #9B8D9E	RGB 155 141 158	#9B8D9E
33.3%	33.3% #8D8091	RGB 141 128 145	#8D8091
50.0%	50.0% #7F7284	RGB 127 114 132	#7F7284
66.7%	66.7% #706577	RGB 112 101 119	#706577
83.3%	83.3% #62576A	RGB 98 87 106	#62576A
100.0%	100.0% #544A5E	RGB 84 74 94	#544A5E

#AA9BAB #9B8D9E #8D8091 #7F7284 #706577 #62576A #544A5E

#AA9BAB - #544A5E

Mezcla HSV

#AA9BAB - #544A5E | 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 #AA9BAB como 0% y #544A5E como 100%.

0.0%	0.0% #AA9BAB	RGB 170 155 171	#AA9BAB
16.7%	16.7% #9B8C9E	RGB 155 140 158	#9B8C9E
33.3%	33.3% #8D7D91	RGB 141 125 145	#8D7D91
50.0%	50.0% #7E7084	RGB 126 112 132	#7E7084
66.7%	66.7% #706277	RGB 112 98 119	#706277
83.3%	83.3% #62566A	RGB 98 86 106	#62566A
100.0%	100.0% #544A5E	RGB 84 74 94	#544A5E

#AA9BAB #9B8C9E #8D7D91 #7E7084 #706277 #62566A #544A5E

#AA9BAB - #7E7084 - #544A5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9BAB 0%, #7E7084 50%, #544A5E 100%);
    background: -webkit-linear-gradient(top, #AA9BAB 0%, #7E7084 50%, #544A5E 100%);
    background: linear-gradient(to bottom, #AA9BAB 0%, #7E7084 50%, #544A5E 100%);
}
</style>