#A634A1 - #E5C5E3 | 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 #A634A1 a #E5C5E3

#A634A1 #E5C5E3

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

#A634A1 - #E5C5E3 | 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 #A634A1 como 0% y #E5C5E3 como 100%.

0.0%	0.0% #A634A1	RGB 166 52 161	#A634A1
16.7%	16.7% #B04CAC	RGB 176 76 172	#B04CAC
33.3%	33.3% #BB64B7	RGB 187 100 183	#BB64B7
50.0%	50.0% #C57CC2	RGB 197 124 194	#C57CC2
66.7%	66.7% #D094CD	RGB 208 148 205	#D094CD
83.3%	83.3% #DAACD8	RGB 218 172 216	#DAACD8
100.0%	100.0% #E5C5E3	RGB 229 197 227	#E5C5E3

#A634A1 #B04CAC #BB64B7 #C57CC2 #D094CD #DAACD8 #E5C5E3

#A634A1 - #E5C5E3

Mezcla HSV

#A634A1 - #E5C5E3 | 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 #A634A1 como 0% y #E5C5E3 como 100%.

0.0%	0.0% #A634A0	RGB 166 52 160	#A634A0
16.7%	16.7% #B047AB	RGB 176 71 171	#B047AB
33.3%	33.3% #BB5CB6	RGB 187 92 182	#BB5CB6
50.0%	50.0% #C573C1	RGB 197 115 193	#C573C1
66.7%	66.7% #D08DCC	RGB 208 141 204	#D08DCC
83.3%	83.3% #DAA8D7	RGB 218 168 215	#DAA8D7
100.0%	100.0% #E5C5E3	RGB 229 197 227	#E5C5E3

#A634A0 #B047AB #BB5CB6 #C573C1 #D08DCC #DAA8D7 #E5C5E3

#A634A1 - #C573C1 - #E5C5E3

Códigos CSS

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

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