#5E2D45 - #DC4BCC | 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 #5E2D45 a #DC4BCC

#5E2D45 #DC4BCC

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

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

0.0%	0.0% #5E2D45	RGB 94 45 69	#5E2D45
16.7%	16.7% #73325B	RGB 115 50 91	#73325B
33.3%	33.3% #883772	RGB 136 55 114	#883772
50.0%	50.0% #9D3C88	RGB 157 60 136	#9D3C88
66.7%	66.7% #B2419F	RGB 178 65 159	#B2419F
83.3%	83.3% #C746B5	RGB 199 70 181	#C746B5
100.0%	100.0% #DC4BCC	RGB 220 75 204	#DC4BCC

#5E2D45 #73325B #883772 #9D3C88 #B2419F #C746B5 #DC4BCC

#5E2D45 - #DC4BCC

Mezcla HSV

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

0.0%	0.0% #5E2D45	RGB 94 45 69	#5E2D45
16.7%	16.7% #733457	RGB 115 52 87	#733457
33.3%	33.3% #883A6A	RGB 136 58 106	#883A6A
50.0%	50.0% #9D4080	RGB 157 64 128	#9D4080
66.7%	66.7% #B24497	RGB 178 68 151	#B24497
83.3%	83.3% #C748B0	RGB 199 72 176	#C748B0
100.0%	100.0% #DC4BCC	RGB 220 75 204	#DC4BCC

#5E2D45 #733457 #883A6A #9D4080 #B24497 #C748B0 #DC4BCC

#5E2D45 - #9D4080 - #DC4BCC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D45 0%, #9D4080 50%, #DC4BCC 100%);
    background: -webkit-linear-gradient(top, #5E2D45 0%, #9D4080 50%, #DC4BCC 100%);
    background: linear-gradient(to bottom, #5E2D45 0%, #9D4080 50%, #DC4BCC 100%);
}
</style>