#B33C7E - #690031 | 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 #B33C7E a #690031

#B33C7E #690031

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

#B33C7E - #690031 | 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 #B33C7E como 0% y #690031 como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #A63271	RGB 166 50 113	#A63271
33.3%	33.3% #9A2864	RGB 154 40 100	#9A2864
50.0%	50.0% #8E1E57	RGB 142 30 87	#8E1E57
66.7%	66.7% #81144A	RGB 129 20 74	#81144A
83.3%	83.3% #750A3D	RGB 117 10 61	#750A3D
100.0%	100.0% #690031	RGB 105 0 49	#690031

#B33C7E #A63271 #9A2864 #8E1E57 #81144A #750A3D #690031

#B33C7E - #690031

Mezcla HSV

#B33C7E - #690031 | 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 #B33C7E como 0% y #690031 como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #A62E6F	RGB 166 46 111	#A62E6F
33.3%	33.3% #9A2261	RGB 154 34 97	#9A2261
50.0%	50.0% #8E1754	RGB 142 23 84	#8E1754
66.7%	66.7% #810E47	RGB 129 14 71	#810E47
83.3%	83.3% #75063B	RGB 117 6 59	#75063B
100.0%	100.0% #690031	RGB 105 0 49	#690031

#B33C7E #A62E6F #9A2261 #8E1754 #810E47 #75063B #690031

#B33C7E - #8E1754 - #690031

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B33C7E 0%, #8E1754 50%, #690031 100%);
    background: -webkit-linear-gradient(top, #B33C7E 0%, #8E1754 50%, #690031 100%);
    background: linear-gradient(to bottom, #B33C7E 0%, #8E1754 50%, #690031 100%);
}
</style>