#5E5D5C - #D7C282 | 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 #5E5D5C a #D7C282

#5E5D5C #D7C282

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

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #726D62	RGB 114 109 98	#726D62
33.3%	33.3% #867E68	RGB 134 126 104	#867E68
50.0%	50.0% #9A8F6F	RGB 154 143 111	#9A8F6F
66.7%	66.7% #AEA075	RGB 174 160 117	#AEA075
83.3%	83.3% #C2B17B	RGB 194 177 123	#C2B17B
100.0%	100.0% #D7C282	RGB 215 194 130	#D7C282

#5E5D5C #726D62 #867E68 #9A8F6F #AEA075 #C2B17B #D7C282

#5E5D5C - #D7C282

Mezcla HSV

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

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #726D68	RGB 114 109 104	#726D68
33.3%	33.3% #867E72	RGB 134 126 114	#867E72
50.0%	50.0% #9A8E7A	RGB 154 142 122	#9A8E7A
66.7%	66.7% #AE9F7F	RGB 174 159 127	#AE9F7F
83.3%	83.3% #C2B081	RGB 194 176 129	#C2B081
100.0%	100.0% #D7C282	RGB 215 194 130	#D7C282

#5E5D5C #726D68 #867E72 #9A8E7A #AE9F7F #C2B081 #D7C282

#5E5D5C - #9A8E7A - #D7C282

Códigos CSS

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

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