#4D5D5E - #B5A38B | 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 #4D5D5E a #B5A38B

#4D5D5E #B5A38B

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

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

0.0%	0.0% #4D5D5E	RGB 77 93 94	#4D5D5E
16.7%	16.7% #5E6865	RGB 94 104 101	#5E6865
33.3%	33.3% #6F746D	RGB 111 116 109	#6F746D
50.0%	50.0% #818074	RGB 129 128 116	#818074
66.7%	66.7% #928B7C	RGB 146 139 124	#928B7C
83.3%	83.3% #A39783	RGB 163 151 131	#A39783
100.0%	100.0% #B5A38B	RGB 181 163 139	#B5A38B

#4D5D5E #5E6865 #6F746D #818074 #928B7C #A39783 #B5A38B

#4D5D5E - #B5A38B

Mezcla HSV

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

0.0%	0.0% #4D5D5E	RGB 77 93 94	#4D5D5E
16.7%	16.7% #576C65	RGB 87 108 101	#576C65
33.3%	33.3% #627B68	RGB 98 123 104	#627B68
50.0%	50.0% #72896D	RGB 114 137 109	#72896D
66.7%	66.7% #8A9877	RGB 138 152 119	#8A9877
83.3%	83.3% #A6A581	RGB 166 165 129	#A6A581
100.0%	100.0% #B5A38B	RGB 181 163 139	#B5A38B

#4D5D5E #576C65 #627B68 #72896D #8A9877 #A6A581 #B5A38B

#4D5D5E - #72896D - #B5A38B

Códigos CSS

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

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