#BA5EAB - #351A30 | 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 #BA5EAB a #351A30

#BA5EAB #351A30

Calcule el color entre dos colores, #BA5EAB y #351A30. 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)

#BA5EAB - #351A30 | 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 #BA5EAB como 0% y #351A30 como 100%.

0.0%	0.0% #BA5EAB	RGB 186 94 171	#BA5EAB
16.7%	16.7% #A35296	RGB 163 82 150	#A35296
33.3%	33.3% #8D4782	RGB 141 71 130	#8D4782
50.0%	50.0% #773C6D	RGB 119 60 109	#773C6D
66.7%	66.7% #613059	RGB 97 48 89	#613059
83.3%	83.3% #4B2544	RGB 75 37 68	#4B2544
100.0%	100.0% #351A30	RGB 53 26 48	#351A30

#BA5EAB #A35296 #8D4782 #773C6D #613059 #4B2544 #351A30

#BA5EAB - #351A30

Mezcla HSV

#BA5EAB - #351A30 | 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 #BA5EAB como 0% y #351A30 como 100%.

0.0%	0.0% #BA5EAB	RGB 186 94 171	#BA5EAB
16.7%	16.7% #A35296	RGB 163 82 150	#A35296
33.3%	33.3% #8D4681	RGB 141 70 129	#8D4681
50.0%	50.0% #773B6D	RGB 119 59 109	#773B6D
66.7%	66.7% #613058	RGB 97 48 88	#613058
83.3%	83.3% #4B2544	RGB 75 37 68	#4B2544
100.0%	100.0% #351A30	RGB 53 26 48	#351A30

#BA5EAB #A35296 #8D4681 #773B6D #613058 #4B2544 #351A30

#BA5EAB - #773B6D - #351A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5EAB 0%, #773B6D 50%, #351A30 100%);
    background: -webkit-linear-gradient(top, #BA5EAB 0%, #773B6D 50%, #351A30 100%);
    background: linear-gradient(to bottom, #BA5EAB 0%, #773B6D 50%, #351A30 100%);
}
</style>