#5E1B5E - #C8566C | 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 #C8566C

#5E1B5E #C8566C

Calcule el color entre dos colores, #5E1B5E y #C8566C. 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 - #C8566C | 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 #C8566C como 100%.

0.0%	0.0% #5E1B5E	RGB 94 27 94	#5E1B5E
16.7%	16.7% #6F2460	RGB 111 36 96	#6F2460
33.3%	33.3% #812E62	RGB 129 46 98	#812E62
50.0%	50.0% #933865	RGB 147 56 101	#933865
66.7%	66.7% #A44267	RGB 164 66 103	#A44267
83.3%	83.3% #B64C69	RGB 182 76 105	#B64C69
100.0%	100.0% #C8566C	RGB 200 86 108	#C8566C

#5E1B5E #6F2460 #812E62 #933865 #A44267 #B64C69 #C8566C

#5E1B5E - #C8566C

Mezcla HSV

#5E1B5E - #C8566C | 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 #C8566C como 100%.

0.0%	0.0% #5D1B5E	RGB 93 27 94	#5D1B5E
16.7%	16.7% #6F2265	RGB 111 34 101	#6F2265
33.3%	33.3% #812B6A	RGB 129 43 106	#812B6A
50.0%	50.0% #93346C	RGB 147 52 108	#93346C
66.7%	66.7% #A43E6D	RGB 164 62 109	#A43E6D
83.3%	83.3% #B64A6D	RGB 182 74 109	#B64A6D
100.0%	100.0% #C8566C	RGB 200 86 108	#C8566C

#5D1B5E #6F2265 #812B6A #93346C #A43E6D #B64A6D #C8566C

#5E1B5E - #93346C - #C8566C

Códigos CSS

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

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