#5E584D - #D5A170 | 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 #5E584D a #D5A170

#5E584D #D5A170

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

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #716452	RGB 113 100 82	#716452
33.3%	33.3% #857058	RGB 133 112 88	#857058
50.0%	50.0% #997C5E	RGB 153 124 94	#997C5E
66.7%	66.7% #AD8864	RGB 173 136 100	#AD8864
83.3%	83.3% #C1946A	RGB 193 148 106	#C1946A
100.0%	100.0% #D5A170	RGB 213 161 112	#D5A170

#5E584D #716452 #857058 #997C5E #AD8864 #C1946A #D5A170

#5E584D - #D5A170

Mezcla HSV

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #716757	RGB 113 103 87	#716757
33.3%	33.3% #857660	RGB 133 118 96	#857660
50.0%	50.0% #998367	RGB 153 131 103	#998367
66.7%	66.7% #AD8F6C	RGB 173 143 108	#AD8F6C
83.3%	83.3% #C1996F	RGB 193 153 111	#C1996F
100.0%	100.0% #D5A170	RGB 213 161 112	#D5A170

#5E584D #716757 #857660 #998367 #AD8F6C #C1996F #D5A170

#5E584D - #998367 - #D5A170

Códigos CSS

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

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