#B658C5 - #500077 | 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 #B658C5 a #500077

#B658C5 #500077

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

#B658C5 - #500077 | 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 #B658C5 como 0% y #500077 como 100%.

0.0%	0.0% #B658C5	RGB 182 88 197	#B658C5
16.7%	16.7% #A549B8	RGB 165 73 184	#A549B8
33.3%	33.3% #943AAB	RGB 148 58 171	#943AAB
50.0%	50.0% #832C9E	RGB 131 44 158	#832C9E
66.7%	66.7% #721D91	RGB 114 29 145	#721D91
83.3%	83.3% #610E84	RGB 97 14 132	#610E84
100.0%	100.0% #500077	RGB 80 0 119	#500077

#B658C5 #A549B8 #943AAB #832C9E #721D91 #610E84 #500077

#B658C5 - #500077

Mezcla HSV

#B658C5 - #500077 | 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 #B658C5 como 0% y #500077 como 100%.

0.0%	0.0% #B557C5	RGB 181 87 197	#B557C5
16.7%	16.7% #A444B8	RGB 164 68 184	#A444B8
33.3%	33.3% #9232AB	RGB 146 50 171	#9232AB
50.0%	50.0% #81239E	RGB 129 35 158	#81239E
66.7%	66.7% #701591	RGB 112 21 145	#701591
83.3%	83.3% #5F0984	RGB 95 9 132	#5F0984
100.0%	100.0% #500077	RGB 80 0 119	#500077

#B557C5 #A444B8 #9232AB #81239E #701591 #5F0984 #500077

#B658C5 - #81239E - #500077

Códigos CSS

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

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