#BA4ABB - #FFA8C3 | 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 #BA4ABB a #FFA8C3

#BA4ABB #FFA8C3

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

#BA4ABB - #FFA8C3 | 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 #BA4ABB como 0% y #FFA8C3 como 100%.

0.0%	0.0% #BA4ABB	RGB 186 74 187	#BA4ABB
16.7%	16.7% #C559BC	RGB 197 89 188	#C559BC
33.3%	33.3% #D169BD	RGB 209 105 189	#D169BD
50.0%	50.0% #DC79BF	RGB 220 121 191	#DC79BF
66.7%	66.7% #E888C0	RGB 232 136 192	#E888C0
83.3%	83.3% #F398C1	RGB 243 152 193	#F398C1
100.0%	100.0% #FFA8C3	RGB 255 168 195	#FFA8C3

#BA4ABB #C559BC #D169BD #DC79BF #E888C0 #F398C1 #FFA8C3

#BA4ABB - #FFA8C3

Mezcla HSV

#BA4ABB - #FFA8C3 | 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 #BA4ABB como 0% y #FFA8C3 como 100%.

0.0%	0.0% #BA49BB	RGB 186 73 187	#BA49BB
16.7%	16.7% #C657BA	RGB 198 87 186	#C657BA
33.3%	33.3% #D165B9	RGB 209 101 185	#D165B9
50.0%	50.0% #DD74B9	RGB 221 116 185	#DD74B9
66.7%	66.7% #E884BA	RGB 232 132 186	#E884BA
83.3%	83.3% #F395BD	RGB 243 149 189	#F395BD
100.0%	100.0% #FFA8C3	RGB 255 168 195	#FFA8C3

#BA49BB #C657BA #D165B9 #DD74B9 #E884BA #F395BD #FFA8C3

#BA4ABB - #DD74B9 - #FFA8C3

Códigos CSS

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

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