#4E5E4D - #B3A76E | 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 #4E5E4D a #B3A76E

#4E5E4D #B3A76E

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

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

0.0%	0.0% #4E5E4D	RGB 78 94 77	#4E5E4D
16.7%	16.7% #5E6A52	RGB 94 106 82	#5E6A52
33.3%	33.3% #6F7658	RGB 111 118 88	#6F7658
50.0%	50.0% #80825D	RGB 128 130 93	#80825D
66.7%	66.7% #918E63	RGB 145 142 99	#918E63
83.3%	83.3% #A29A68	RGB 162 154 104	#A29A68
100.0%	100.0% #B3A76E	RGB 179 167 110	#B3A76E

#4E5E4D #5E6A52 #6F7658 #80825D #918E63 #A29A68 #B3A76E

#4E5E4D - #B3A76E

Mezcla HSV

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

0.0%	0.0% #4E5E4D	RGB 78 94 77	#4E5E4D
16.7%	16.7% #5A6C54	RGB 90 108 84	#5A6C54
33.3%	33.3% #687A5B	RGB 104 122 91	#687A5B
50.0%	50.0% #798861	RGB 121 136 97	#798861
66.7%	66.7% #8D9666	RGB 141 150 102	#8D9666
83.3%	83.3% #A4A46A	RGB 164 164 106	#A4A46A
100.0%	100.0% #B3A76E	RGB 179 167 110	#B3A76E

#4E5E4D #5A6C54 #687A5B #798861 #8D9666 #A4A46A #B3A76E

#4E5E4D - #798861 - #B3A76E

Códigos CSS

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

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