#A50DA6 - #E5B9E5 | 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 #A50DA6 a #E5B9E5

#A50DA6 #E5B9E5

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

#A50DA6 - #E5B9E5 | 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 #A50DA6 como 0% y #E5B9E5 como 100%.

0.0%	0.0% #A50DA6	RGB 165 13 166	#A50DA6
16.7%	16.7% #AF29B0	RGB 175 41 176	#AF29B0
33.3%	33.3% #BA46BB	RGB 186 70 187	#BA46BB
50.0%	50.0% #C563C5	RGB 197 99 197	#C563C5
66.7%	66.7% #CF7FD0	RGB 207 127 208	#CF7FD0
83.3%	83.3% #DA9CDA	RGB 218 156 218	#DA9CDA
100.0%	100.0% #E5B9E5	RGB 229 185 229	#E5B9E5

#A50DA6 #AF29B0 #BA46BB #C563C5 #CF7FD0 #DA9CDA #E5B9E5

#A50DA6 - #E5B9E5

Mezcla HSV

#A50DA6 - #E5B9E5 | 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 #A50DA6 como 0% y #E5B9E5 como 100%.

0.0%	0.0% #A50CA6	RGB 165 12 166	#A50CA6
16.7%	16.7% #AF23B0	RGB 175 35 176	#AF23B0
33.3%	33.3% #BA3CBB	RGB 186 60 187	#BA3CBB
50.0%	50.0% #C557C5	RGB 197 87 197	#C557C5
66.7%	66.7% #CF75D0	RGB 207 117 208	#CF75D0
83.3%	83.3% #DA95DA	RGB 218 149 218	#DA95DA
100.0%	100.0% #E5B9E5	RGB 229 185 229	#E5B9E5

#A50CA6 #AF23B0 #BA3CBB #C557C5 #CF75D0 #DA95DA #E5B9E5

#A50DA6 - #C557C5 - #E5B9E5

Códigos CSS

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

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