#5E3E77 - #DB878B | 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 #5E3E77 a #DB878B

#5E3E77 #DB878B

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

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

0.0%	0.0% #5E3E77	RGB 94 62 119	#5E3E77
16.7%	16.7% #724A7A	RGB 114 74 122	#724A7A
33.3%	33.3% #87567D	RGB 135 86 125	#87567D
50.0%	50.0% #9C6281	RGB 156 98 129	#9C6281
66.7%	66.7% #B16E84	RGB 177 110 132	#B16E84
83.3%	83.3% #C67A87	RGB 198 122 135	#C67A87
100.0%	100.0% #DB878B	RGB 219 135 139	#DB878B

#5E3E77 #724A7A #87567D #9C6281 #B16E84 #C67A87 #DB878B

#5E3E77 - #DB878B

Mezcla HSV

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

0.0%	0.0% #5D3E77	RGB 93 62 119	#5D3E77
16.7%	16.7% #7A4887	RGB 122 72 135	#7A4887
33.3%	33.3% #985496	RGB 152 84 150	#985496
50.0%	50.0% #A96096	RGB 169 96 150	#A96096
66.7%	66.7% #B96C93	RGB 185 108 147	#B96C93
83.3%	83.3% #CA7990	RGB 202 121 144	#CA7990
100.0%	100.0% #DB878B	RGB 219 135 139	#DB878B

#5D3E77 #7A4887 #985496 #A96096 #B96C93 #CA7990 #DB878B

#5E3E77 - #A96096 - #DB878B

Códigos CSS

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

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