#B2207F - #5E0032 | 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 #B2207F a #5E0032

#B2207F #5E0032

Calcule el color entre dos colores, #B2207F y #5E0032. 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)

#B2207F - #5E0032 | 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 #B2207F como 0% y #5E0032 como 100%.

0.0%	0.0% #B2207F	RGB 178 32 127	#B2207F
16.7%	16.7% #A41A72	RGB 164 26 114	#A41A72
33.3%	33.3% #961565	RGB 150 21 101	#961565
50.0%	50.0% #881058	RGB 136 16 88	#881058
66.7%	66.7% #7A0A4B	RGB 122 10 75	#7A0A4B
83.3%	83.3% #6C053E	RGB 108 5 62	#6C053E
100.0%	100.0% #5E0032	RGB 94 0 50	#5E0032

#B2207F #A41A72 #961565 #881058 #7A0A4B #6C053E #5E0032

#B2207F - #5E0032

Mezcla HSV

#B2207F - #5E0032 | 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 #B2207F como 0% y #5E0032 como 100%.

0.0%	0.0% #B2207F	RGB 178 32 127	#B2207F
16.7%	16.7% #A41870	RGB 164 24 112	#A41870
33.3%	33.3% #961162	RGB 150 17 98	#961162
50.0%	50.0% #880C55	RGB 136 12 85	#880C55
66.7%	66.7% #7A0748	RGB 122 7 72	#7A0748
83.3%	83.3% #6C033D	RGB 108 3 61	#6C033D
100.0%	100.0% #5E0032	RGB 94 0 50	#5E0032

#B2207F #A41870 #961162 #880C55 #7A0748 #6C033D #5E0032

#B2207F - #880C55 - #5E0032

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2207F 0%, #880C55 50%, #5E0032 100%);
    background: -webkit-linear-gradient(top, #B2207F 0%, #880C55 50%, #5E0032 100%);
    background: linear-gradient(to bottom, #B2207F 0%, #880C55 50%, #5E0032 100%);
}
</style>