#AA5E5E - #C1A8D9 | 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 #AA5E5E a #C1A8D9

#AA5E5E #C1A8D9

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

#AA5E5E - #C1A8D9 | 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 #AA5E5E como 0% y #C1A8D9 como 100%.

0.0%	0.0% #AA5E5E	RGB 170 94 94	#AA5E5E
16.7%	16.7% #AD6A72	RGB 173 106 114	#AD6A72
33.3%	33.3% #B17687	RGB 177 118 135	#B17687
50.0%	50.0% #B5839B	RGB 181 131 155	#B5839B
66.7%	66.7% #B98FB0	RGB 185 143 176	#B98FB0
83.3%	83.3% #BD9BC4	RGB 189 155 196	#BD9BC4
100.0%	100.0% #C1A8D9	RGB 193 168 217	#C1A8D9

#AA5E5E #AD6A72 #B17687 #B5839B #B98FB0 #BD9BC4 #C1A8D9

#AA5E5E - #C1A8D9

Mezcla HSV

#AA5E5E - #C1A8D9 | 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 #AA5E5E como 0% y #C1A8D9 como 100%.

0.0%	0.0% #AA5E5E	RGB 170 94 94	#AA5E5E
16.7%	16.7% #B1687B	RGB 177 104 123	#B1687B
33.3%	33.3% #B97496	RGB 185 116 150	#B97496
50.0%	50.0% #C180B0	RGB 193 128 176	#C180B0
66.7%	66.7% #C98DC8	RGB 201 141 200	#C98DC8
83.3%	83.3% #C39AD1	RGB 195 154 209	#C39AD1
100.0%	100.0% #C1A8D9	RGB 193 168 217	#C1A8D9

#AA5E5E #B1687B #B97496 #C180B0 #C98DC8 #C39AD1 #C1A8D9

#AA5E5E - #C180B0 - #C1A8D9

Códigos CSS

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

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