#4E593F - #B5A467 | 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 #4E593F a #B5A467

#4E593F #B5A467

Calcule el color entre dos colores, #4E593F y #B5A467. 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)

#4E593F - #B5A467 | 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 #4E593F como 0% y #B5A467 como 100%.

0.0%	0.0% #4E593F	RGB 78 89 63	#4E593F
16.7%	16.7% #5F6545	RGB 95 101 69	#5F6545
33.3%	33.3% #70724C	RGB 112 114 76	#70724C
50.0%	50.0% #817E53	RGB 129 126 83	#817E53
66.7%	66.7% #928B59	RGB 146 139 89	#928B59
83.3%	83.3% #A39760	RGB 163 151 96	#A39760
100.0%	100.0% #B5A467	RGB 181 164 103	#B5A467

#4E593F #5F6545 #70724C #817E53 #928B59 #A39760 #B5A467

#4E593F - #B5A467

Mezcla HSV

#4E593F - #B5A467 | 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 #4E593F como 0% y #B5A467 como 100%.

0.0%	0.0% #4E593F	RGB 78 89 63	#4E593F
16.7%	16.7% #5D6847	RGB 93 104 71	#5D6847
33.3%	33.3% #6F774F	RGB 111 119 79	#6F774F
50.0%	50.0% #818756	RGB 129 135 86	#818756
66.7%	66.7% #96965C	RGB 150 150 92	#96965C
83.3%	83.3% #A59E62	RGB 165 158 98	#A59E62
100.0%	100.0% #B5A467	RGB 181 164 103	#B5A467

#4E593F #5D6847 #6F774F #818756 #96965C #A59E62 #B5A467

#4E593F - #818756 - #B5A467

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E593F 0%, #818756 50%, #B5A467 100%);
    background: -webkit-linear-gradient(top, #4E593F 0%, #818756 50%, #B5A467 100%);
    background: linear-gradient(to bottom, #4E593F 0%, #818756 50%, #B5A467 100%);
}
</style>