#5C5E52 - #D0D1CD | 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 #5C5E52 a #D0D1CD

#5C5E52 #D0D1CD

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

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

0.0%	0.0% #5C5E52	RGB 92 94 82	#5C5E52
16.7%	16.7% #6F7166	RGB 111 113 102	#6F7166
33.3%	33.3% #82847B	RGB 130 132 123	#82847B
50.0%	50.0% #96978F	RGB 150 151 143	#96978F
66.7%	66.7% #A9AAA4	RGB 169 170 164	#A9AAA4
83.3%	83.3% #BCBDB8	RGB 188 189 184	#BCBDB8
100.0%	100.0% #D0D1CD	RGB 208 209 205	#D0D1CD

#5C5E52 #6F7166 #82847B #96978F #A9AAA4 #BCBDB8 #D0D1CD

#5C5E52 - #D0D1CD

Mezcla HSV

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

0.0%	0.0% #5C5E52	RGB 92 94 82	#5C5E52
16.7%	16.7% #6E7164	RGB 110 113 100	#6E7164
33.3%	33.3% #818478	RGB 129 132 120	#818478
50.0%	50.0% #95978C	RGB 149 151 140	#95978C
66.7%	66.7% #A8AAA1	RGB 168 170 161	#A8AAA1
83.3%	83.3% #BCBDB6	RGB 188 189 182	#BCBDB6
100.0%	100.0% #D0D1CD	RGB 208 209 205	#D0D1CD

#5C5E52 #6E7164 #818478 #95978C #A8AAA1 #BCBDB6 #D0D1CD

#5C5E52 - #95978C - #D0D1CD

Códigos CSS

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

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