#50244D - #CDC0CB | 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 #50244D a #CDC0CB

#50244D #CDC0CB

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

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

0.0%	0.0% #50244D	RGB 80 36 77	#50244D
16.7%	16.7% #643E62	RGB 100 62 98	#643E62
33.3%	33.3% #795877	RGB 121 88 119	#795877
50.0%	50.0% #8E728C	RGB 142 114 140	#8E728C
66.7%	66.7% #A38CA1	RGB 163 140 161	#A38CA1
83.3%	83.3% #B8A6B6	RGB 184 166 182	#B8A6B6
100.0%	100.0% #CDC0CB	RGB 205 192 203	#CDC0CB

#50244D #643E62 #795877 #8E728C #A38CA1 #B8A6B6 #CDC0CB

#50244D - #CDC0CB

Mezcla HSV

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

0.0%	0.0% #50244D	RGB 80 36 77	#50244D
16.7%	16.7% #643560	RGB 100 53 96	#643560
33.3%	33.3% #794A75	RGB 121 74 117	#794A75
50.0%	50.0% #8E6289	RGB 142 98 137	#8E6289
66.7%	66.7% #A37E9E	RGB 163 126 158	#A37E9E
83.3%	83.3% #B89DB4	RGB 184 157 180	#B89DB4
100.0%	100.0% #CDC0CB	RGB 205 192 203	#CDC0CB

#50244D #643560 #794A75 #8E6289 #A37E9E #B89DB4 #CDC0CB

#50244D - #8E6289 - #CDC0CB

Códigos CSS

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

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