#AA9DB8 - #5E436D | 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 #AA9DB8 a #5E436D

#AA9DB8 #5E436D

Calcule el color entre dos colores, #AA9DB8 y #5E436D. 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)

#AA9DB8 - #5E436D | 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 #AA9DB8 como 0% y #5E436D como 100%.

0.0%	0.0% #AA9DB8	RGB 170 157 184	#AA9DB8
16.7%	16.7% #9D8EAB	RGB 157 142 171	#9D8EAB
33.3%	33.3% #907F9F	RGB 144 127 159	#907F9F
50.0%	50.0% #847092	RGB 132 112 146	#847092
66.7%	66.7% #776186	RGB 119 97 134	#776186
83.3%	83.3% #6A5279	RGB 106 82 121	#6A5279
100.0%	100.0% #5E436D	RGB 94 67 109	#5E436D

#AA9DB8 #9D8EAB #907F9F #847092 #776186 #6A5279 #5E436D

#AA9DB8 - #5E436D

Mezcla HSV

#AA9DB8 - #5E436D | 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 #AA9DB8 como 0% y #5E436D como 100%.

0.0%	0.0% #AA9DB8	RGB 170 157 184	#AA9DB8
16.7%	16.7% #9B8BAB	RGB 155 139 171	#9B8BAB
33.3%	33.3% #8E7B9F	RGB 142 123 159	#8E7B9F
50.0%	50.0% #816B92	RGB 129 107 146	#816B92
66.7%	66.7% #755D86	RGB 117 93 134	#755D86
83.3%	83.3% #694F79	RGB 105 79 121	#694F79
100.0%	100.0% #5E436D	RGB 94 67 109	#5E436D

#AA9DB8 #9B8BAB #8E7B9F #816B92 #755D86 #694F79 #5E436D

#AA9DB8 - #816B92 - #5E436D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9DB8 0%, #816B92 50%, #5E436D 100%);
    background: -webkit-linear-gradient(top, #AA9DB8 0%, #816B92 50%, #5E436D 100%);
    background: linear-gradient(to bottom, #AA9DB8 0%, #816B92 50%, #5E436D 100%);
}
</style>