#AA00A3 - #E6B6E4 | 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 #AA00A3 a #E6B6E4

#AA00A3 #E6B6E4

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

#AA00A3 - #E6B6E4 | 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 #AA00A3 como 0% y #E6B6E4 como 100%.

0.0%	0.0% #AA00A3	RGB 170 0 163	#AA00A3
16.7%	16.7% #B41EAD	RGB 180 30 173	#B41EAD
33.3%	33.3% #BE3CB8	RGB 190 60 184	#BE3CB8
50.0%	50.0% #C85BC3	RGB 200 91 195	#C85BC3
66.7%	66.7% #D279CE	RGB 210 121 206	#D279CE
83.3%	83.3% #DC97D9	RGB 220 151 217	#DC97D9
100.0%	100.0% #E6B6E4	RGB 230 182 228	#E6B6E4

#AA00A3 #B41EAD #BE3CB8 #C85BC3 #D279CE #DC97D9 #E6B6E4

#AA00A3 - #E6B6E4

Mezcla HSV

#AA00A3 - #E6B6E4 | 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 #AA00A3 como 0% y #E6B6E4 como 100%.

0.0%	0.0% #AA00A3	RGB 170 0 163	#AA00A3
16.7%	16.7% #B417AD	RGB 180 23 173	#B417AD
33.3%	33.3% #BE32B8	RGB 190 50 184	#BE32B8
50.0%	50.0% #C84FC2	RGB 200 79 194	#C84FC2
66.7%	66.7% #D26ECD	RGB 210 110 205	#D26ECD
83.3%	83.3% #DC91D8	RGB 220 145 216	#DC91D8
100.0%	100.0% #E6B6E4	RGB 230 182 228	#E6B6E4

#AA00A3 #B417AD #BE32B8 #C84FC2 #D26ECD #DC91D8 #E6B6E4

#AA00A3 - #C84FC2 - #E6B6E4

Códigos CSS

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

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