#5E1E5E - #CA5A6B | 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 #5E1E5E a #CA5A6B

#5E1E5E #CA5A6B

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

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

0.0%	0.0% #5E1E5E	RGB 94 30 94	#5E1E5E
16.7%	16.7% #702860	RGB 112 40 96	#702860
33.3%	33.3% #823262	RGB 130 50 98	#823262
50.0%	50.0% #943C64	RGB 148 60 100	#943C64
66.7%	66.7% #A64666	RGB 166 70 102	#A64666
83.3%	83.3% #B85068	RGB 184 80 104	#B85068
100.0%	100.0% #CA5A6B	RGB 202 90 107	#CA5A6B

#5E1E5E #702860 #823262 #943C64 #A64666 #B85068 #CA5A6B

#5E1E5E - #CA5A6B

Mezcla HSV

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

0.0%	0.0% #5D1E5E	RGB 93 30 94	#5D1E5E
16.7%	16.7% #702665	RGB 112 38 101	#702665
33.3%	33.3% #822E6A	RGB 130 46 106	#822E6A
50.0%	50.0% #94386D	RGB 148 56 109	#94386D
66.7%	66.7% #A6426D	RGB 166 66 109	#A6426D
83.3%	83.3% #B84E6D	RGB 184 78 109	#B84E6D
100.0%	100.0% #CA5A6B	RGB 202 90 107	#CA5A6B

#5D1E5E #702665 #822E6A #94386D #A6426D #B84E6D #CA5A6B

#5E1E5E - #94386D - #CA5A6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D1E5E 0%, #94386D 50%, #CA5A6B 100%);
    background: -webkit-linear-gradient(top, #5D1E5E 0%, #94386D 50%, #CA5A6B 100%);
    background: linear-gradient(to bottom, #5D1E5E 0%, #94386D 50%, #CA5A6B 100%);
}
</style>