#50243D - #C743BB | 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 #50243D a #C743BB

#50243D #C743BB

Calcule el color entre dos colores, #50243D y #C743BB. 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)

#50243D - #C743BB | 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 #50243D como 0% y #C743BB como 100%.

0.0%	0.0% #50243D	RGB 80 36 61	#50243D
16.7%	16.7% #632952	RGB 99 41 82	#632952
33.3%	33.3% #772E67	RGB 119 46 103	#772E67
50.0%	50.0% #8B337C	RGB 139 51 124	#8B337C
66.7%	66.7% #9F3891	RGB 159 56 145	#9F3891
83.3%	83.3% #B33DA6	RGB 179 61 166	#B33DA6
100.0%	100.0% #C743BB	RGB 199 67 187	#C743BB

#50243D #632952 #772E67 #8B337C #9F3891 #B33DA6 #C743BB

#50243D - #C743BB

Mezcla HSV

#50243D - #C743BB | 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 #50243D como 0% y #C743BB como 100%.

0.0%	0.0% #50243D	RGB 80 36 61	#50243D
16.7%	16.7% #632B4E	RGB 99 43 78	#632B4E
33.3%	33.3% #773161	RGB 119 49 97	#773161
50.0%	50.0% #8B3675	RGB 139 54 117	#8B3675
66.7%	66.7% #9F3B8A	RGB 159 59 138	#9F3B8A
83.3%	83.3% #B33FA2	RGB 179 63 162	#B33FA2
100.0%	100.0% #C743BB	RGB 199 67 187	#C743BB

#50243D #632B4E #773161 #8B3675 #9F3B8A #B33FA2 #C743BB

#50243D - #8B3675 - #C743BB

Códigos CSS

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

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