#AA007B - #E6B6D9 | 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 #AA007B a #E6B6D9

#AA007B #E6B6D9

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

#AA007B - #E6B6D9 | 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 #AA007B como 0% y #E6B6D9 como 100%.

0.0%	0.0% #AA007B	RGB 170 0 123	#AA007B
16.7%	16.7% #B41E8A	RGB 180 30 138	#B41E8A
33.3%	33.3% #BE3C9A	RGB 190 60 154	#BE3C9A
50.0%	50.0% #C85BAA	RGB 200 91 170	#C85BAA
66.7%	66.7% #D279B9	RGB 210 121 185	#D279B9
83.3%	83.3% #DC97C9	RGB 220 151 201	#DC97C9
100.0%	100.0% #E6B6D9	RGB 230 182 217	#E6B6D9

#AA007B #B41E8A #BE3C9A #C85BAA #D279B9 #DC97C9 #E6B6D9

#AA007B - #E6B6D9

Mezcla HSV

#AA007B - #E6B6D9 | 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 #AA007B como 0% y #E6B6D9 como 100%.

0.0%	0.0% #AA007B	RGB 170 0 123	#AA007B
16.7%	16.7% #B41788	RGB 180 23 136	#B41788
33.3%	33.3% #BE3297	RGB 190 50 151	#BE3297
50.0%	50.0% #C84FA6	RGB 200 79 166	#C84FA6
66.7%	66.7% #D26EB6	RGB 210 110 182	#D26EB6
83.3%	83.3% #DC91C7	RGB 220 145 199	#DC91C7
100.0%	100.0% #E6B6D9	RGB 230 182 217	#E6B6D9

#AA007B #B41788 #BE3297 #C84FA6 #D26EB6 #DC91C7 #E6B6D9

#AA007B - #C84FA6 - #E6B6D9

Códigos CSS

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

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