#5E3637 - #D1C5C5 | 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 #5E3637 a #D1C5C5

#5E3637 #D1C5C5

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

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

0.0%	0.0% #5E3637	RGB 94 54 55	#5E3637
16.7%	16.7% #714D4E	RGB 113 77 78	#714D4E
33.3%	33.3% #846566	RGB 132 101 102	#846566
50.0%	50.0% #977D7E	RGB 151 125 126	#977D7E
66.7%	66.7% #AA9595	RGB 170 149 149	#AA9595
83.3%	83.3% #BDADAD	RGB 189 173 173	#BDADAD
100.0%	100.0% #D1C5C5	RGB 209 197 197	#D1C5C5

#5E3637 #714D4E #846566 #977D7E #AA9595 #BDADAD #D1C5C5

#5E3637 - #D1C5C5

Mezcla HSV

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

0.0%	0.0% #5E3637	RGB 94 54 55	#5E3637
16.7%	16.7% #714748	RGB 113 71 72	#714748
33.3%	33.3% #845C5C	RGB 132 92 92	#845C5C
50.0%	50.0% #977273	RGB 151 114 115	#977273
66.7%	66.7% #AA8B8C	RGB 170 139 140	#AA8B8C
83.3%	83.3% #BDA7A7	RGB 189 167 167	#BDA7A7
100.0%	100.0% #D1C5C5	RGB 209 197 197	#D1C5C5

#5E3637 #714748 #845C5C #977273 #AA8B8C #BDA7A7 #D1C5C5

#5E3637 - #977273 - #D1C5C5

Códigos CSS

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

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