#BA5EAC - #82005A | 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 #BA5EAC a #82005A

#BA5EAC #82005A

Calcule el color entre dos colores, #BA5EAC y #82005A. 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)

#BA5EAC - #82005A | 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 #BA5EAC como 0% y #82005A como 100%.

0.0%	0.0% #BA5EAC	RGB 186 94 172	#BA5EAC
16.7%	16.7% #B04E9E	RGB 176 78 158	#B04E9E
33.3%	33.3% #A73E90	RGB 167 62 144	#A73E90
50.0%	50.0% #9E2F83	RGB 158 47 131	#9E2F83
66.7%	66.7% #941F75	RGB 148 31 117	#941F75
83.3%	83.3% #8B0F67	RGB 139 15 103	#8B0F67
100.0%	100.0% #82005A	RGB 130 0 90	#82005A

#BA5EAC #B04E9E #A73E90 #9E2F83 #941F75 #8B0F67 #82005A

#BA5EAC - #82005A

Mezcla HSV

#BA5EAC - #82005A | 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 #BA5EAC como 0% y #82005A como 100%.

0.0%	0.0% #BA5EAC	RGB 186 94 172	#BA5EAC
16.7%	16.7% #B04A9E	RGB 176 74 158	#B04A9E
33.3%	33.3% #A73890	RGB 167 56 144	#A73890
50.0%	50.0% #9E2782	RGB 158 39 130	#9E2782
66.7%	66.7% #941975	RGB 148 25 117	#941975
83.3%	83.3% #8B0B67	RGB 139 11 103	#8B0B67
100.0%	100.0% #82005A	RGB 130 0 90	#82005A

#BA5EAC #B04A9E #A73890 #9E2782 #941975 #8B0B67 #82005A

#BA5EAC - #9E2782 - #82005A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5EAC 0%, #9E2782 50%, #82005A 100%);
    background: -webkit-linear-gradient(top, #BA5EAC 0%, #9E2782 50%, #82005A 100%);
    background: linear-gradient(to bottom, #BA5EAC 0%, #9E2782 50%, #82005A 100%);
}
</style>