#5E4D4D - #BF7599 | 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 #5E4D4D a #BF7599

#5E4D4D #BF7599

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

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6E5359	RGB 110 83 89	#6E5359
33.3%	33.3% #7E5A66	RGB 126 90 102	#7E5A66
50.0%	50.0% #8E6173	RGB 142 97 115	#8E6173
66.7%	66.7% #9E677F	RGB 158 103 127	#9E677F
83.3%	83.3% #AE6E8C	RGB 174 110 140	#AE6E8C
100.0%	100.0% #BF7599	RGB 191 117 153	#BF7599

#5E4D4D #6E5359 #7E5A66 #8E6173 #9E677F #AE6E8C #BF7599

#5E4D4D - #BF7599

Mezcla HSV

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

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #6E5658	RGB 110 86 88	#6E5658
33.3%	33.3% #7E5E63	RGB 126 94 99	#7E5E63
50.0%	50.0% #8E666F	RGB 142 102 111	#8E666F
66.7%	66.7% #9E6C7C	RGB 158 108 124	#9E6C7C
83.3%	83.3% #AE718A	RGB 174 113 138	#AE718A
100.0%	100.0% #BF7599	RGB 191 117 153	#BF7599

#5E4D4D #6E5658 #7E5E63 #8E666F #9E6C7C #AE718A #BF7599

#5E4D4D - #8E666F - #BF7599

Códigos CSS

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

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