#B02CAA - #320C30 | 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 #B02CAA a #320C30

#B02CAA #320C30

Calcule el color entre dos colores, #B02CAA y #320C30. 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)

#B02CAA - #320C30 | 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 #B02CAA como 0% y #320C30 como 100%.

0.0%	0.0% #B02CAA	RGB 176 44 170	#B02CAA
16.7%	16.7% #9B2695	RGB 155 38 149	#9B2695
33.3%	33.3% #862181	RGB 134 33 129	#862181
50.0%	50.0% #711C6D	RGB 113 28 109	#711C6D
66.7%	66.7% #5C1658	RGB 92 22 88	#5C1658
83.3%	83.3% #471144	RGB 71 17 68	#471144
100.0%	100.0% #320C30	RGB 50 12 48	#320C30

#B02CAA #9B2695 #862181 #711C6D #5C1658 #471144 #320C30

#B02CAA - #320C30

Mezcla HSV

#B02CAA - #320C30 | 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 #B02CAA como 0% y #320C30 como 100%.

0.0%	0.0% #B02CAA	RGB 176 44 170	#B02CAA
16.7%	16.7% #9B2695	RGB 155 38 149	#9B2695
33.3%	33.3% #862181	RGB 134 33 129	#862181
50.0%	50.0% #711B6C	RGB 113 27 108	#711B6C
66.7%	66.7% #5C1658	RGB 92 22 88	#5C1658
83.3%	83.3% #471144	RGB 71 17 68	#471144
100.0%	100.0% #320C30	RGB 50 12 48	#320C30

#B02CAA #9B2695 #862181 #711B6C #5C1658 #471144 #320C30

#B02CAA - #711B6C - #320C30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B02CAA 0%, #711B6C 50%, #320C30 100%);
    background: -webkit-linear-gradient(top, #B02CAA 0%, #711B6C 50%, #320C30 100%);
    background: linear-gradient(to bottom, #B02CAA 0%, #711B6C 50%, #320C30 100%);
}
</style>