#BA75DC - #34213E | 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 #BA75DC a #34213E

#BA75DC #34213E

Calcule el color entre dos colores, #BA75DC y #34213E. 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)

#BA75DC - #34213E | 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 #BA75DC como 0% y #34213E como 100%.

0.0%	0.0% #BA75DC	RGB 186 117 220	#BA75DC
16.7%	16.7% #A367C1	RGB 163 103 193	#A367C1
33.3%	33.3% #8D59A7	RGB 141 89 167	#8D59A7
50.0%	50.0% #774B8D	RGB 119 75 141	#774B8D
66.7%	66.7% #603D72	RGB 96 61 114	#603D72
83.3%	83.3% #4A2F58	RGB 74 47 88	#4A2F58
100.0%	100.0% #34213E	RGB 52 33 62	#34213E

#BA75DC #A367C1 #8D59A7 #774B8D #603D72 #4A2F58 #34213E

#BA75DC - #34213E

Mezcla HSV

#BA75DC - #34213E | 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 #BA75DC como 0% y #34213E como 100%.

0.0%	0.0% #BA75DC	RGB 186 117 220	#BA75DC
16.7%	16.7% #A367C1	RGB 163 103 193	#A367C1
33.3%	33.3% #8D59A7	RGB 141 89 167	#8D59A7
50.0%	50.0% #764B8D	RGB 118 75 141	#764B8D
66.7%	66.7% #603D72	RGB 96 61 114	#603D72
83.3%	83.3% #4A2F58	RGB 74 47 88	#4A2F58
100.0%	100.0% #34213E	RGB 52 33 62	#34213E

#BA75DC #A367C1 #8D59A7 #764B8D #603D72 #4A2F58 #34213E

#BA75DC - #764B8D - #34213E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA75DC 0%, #764B8D 50%, #34213E 100%);
    background: -webkit-linear-gradient(top, #BA75DC 0%, #764B8D 50%, #34213E 100%);
    background: linear-gradient(to bottom, #BA75DC 0%, #764B8D 50%, #34213E 100%);
}
</style>