#5E1B5E - #D1BDD1 | 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 #5E1B5E a #D1BDD1

#5E1B5E #D1BDD1

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

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

0.0%	0.0% #5E1B5E	RGB 94 27 94	#5E1B5E
16.7%	16.7% #713671	RGB 113 54 113	#713671
33.3%	33.3% #845184	RGB 132 81 132	#845184
50.0%	50.0% #976C97	RGB 151 108 151	#976C97
66.7%	66.7% #AA87AA	RGB 170 135 170	#AA87AA
83.3%	83.3% #BDA2BD	RGB 189 162 189	#BDA2BD
100.0%	100.0% #D1BDD1	RGB 209 189 209	#D1BDD1

#5E1B5E #713671 #845184 #976C97 #AA87AA #BDA2BD #D1BDD1

#5E1B5E - #D1BDD1

Mezcla HSV

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

0.0%	0.0% #5D1B5E	RGB 93 27 94	#5D1B5E
16.7%	16.7% #712C71	RGB 113 44 113	#712C71
33.3%	33.3% #844184	RGB 132 65 132	#844184
50.0%	50.0% #975A97	RGB 151 90 151	#975A97
66.7%	66.7% #AA77AA	RGB 170 119 170	#AA77AA
83.3%	83.3% #BD98BD	RGB 189 152 189	#BD98BD
100.0%	100.0% #D1BDD1	RGB 209 189 209	#D1BDD1

#5D1B5E #712C71 #844184 #975A97 #AA77AA #BD98BD #D1BDD1

#5E1B5E - #975A97 - #D1BDD1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D1B5E 0%, #975A97 50%, #D1BDD1 100%);
    background: -webkit-linear-gradient(top, #5D1B5E 0%, #975A97 50%, #D1BDD1 100%);
    background: linear-gradient(to bottom, #5D1B5E 0%, #975A97 50%, #D1BDD1 100%);
}
</style>