#4D5E4D - #B2AA6E | 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 #4D5E4D a #B2AA6E

#4D5E4D #B2AA6E

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

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #5D6A52	RGB 93 106 82	#5D6A52
33.3%	33.3% #6E7758	RGB 110 119 88	#6E7758
50.0%	50.0% #7F845D	RGB 127 132 93	#7F845D
66.7%	66.7% #909063	RGB 144 144 99	#909063
83.3%	83.3% #A19D68	RGB 161 157 104	#A19D68
100.0%	100.0% #B2AA6E	RGB 178 170 110	#B2AA6E

#4D5E4D #5D6A52 #6E7758 #7F845D #909063 #A19D68 #B2AA6E

#4D5E4D - #B2AA6E

Mezcla HSV

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #596C54	RGB 89 108 84	#596C54
33.3%	33.3% #677A5B	RGB 103 122 91	#677A5B
50.0%	50.0% #778861	RGB 119 136 97	#778861
66.7%	66.7% #899666	RGB 137 150 102	#899666
83.3%	83.3% #A0A46A	RGB 160 164 106	#A0A46A
100.0%	100.0% #B2AA6E	RGB 178 170 110	#B2AA6E

#4D5E4D #596C54 #677A5B #778861 #899666 #A0A46A #B2AA6E

#4D5E4D - #778861 - #B2AA6E

Códigos CSS

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

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