#AA5E74 - #B2A8D9 | 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 #AA5E74 a #B2A8D9

#AA5E74 #B2A8D9

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

#AA5E74 - #B2A8D9 | 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 #AA5E74 como 0% y #B2A8D9 como 100%.

0.0%	0.0% #AA5E74	RGB 170 94 116	#AA5E74
16.7%	16.7% #AB6A84	RGB 171 106 132	#AB6A84
33.3%	33.3% #AC7695	RGB 172 118 149	#AC7695
50.0%	50.0% #AE83A6	RGB 174 131 166	#AE83A6
66.7%	66.7% #AF8FB7	RGB 175 143 183	#AF8FB7
83.3%	83.3% #B09BC8	RGB 176 155 200	#B09BC8
100.0%	100.0% #B2A8D9	RGB 178 168 217	#B2A8D9

#AA5E74 #AB6A84 #AC7695 #AE83A6 #AF8FB7 #B09BC8 #B2A8D9

#AA5E74 - #B2A8D9

Mezcla HSV

#AA5E74 - #B2A8D9 | 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 #AA5E74 como 0% y #B2A8D9 como 100%.

0.0%	0.0% #AA5E74	RGB 170 94 116	#AA5E74
16.7%	16.7% #B16890	RGB 177 104 144	#B16890
33.3%	33.3% #B974AB	RGB 185 116 171	#B974AB
50.0%	50.0% #BE80C1	RGB 190 128 193	#BE80C1
66.7%	66.7% #B78DC9	RGB 183 141 201	#B78DC9
83.3%	83.3% #B39AD1	RGB 179 154 209	#B39AD1
100.0%	100.0% #B2A8D9	RGB 178 168 217	#B2A8D9

#AA5E74 #B16890 #B974AB #BE80C1 #B78DC9 #B39AD1 #B2A8D9

#AA5E74 - #BE80C1 - #B2A8D9

Códigos CSS

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

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