#4D5444 - #161813 | 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 #4D5444 a #161813

#4D5444 #161813

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

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

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #434A3B	RGB 67 74 59	#434A3B
33.3%	33.3% #3A4033	RGB 58 64 51	#3A4033
50.0%	50.0% #31362B	RGB 49 54 43	#31362B
66.7%	66.7% #282C23	RGB 40 44 35	#282C23
83.3%	83.3% #1F221B	RGB 31 34 27	#1F221B
100.0%	100.0% #161813	RGB 22 24 19	#161813

#4D5444 #434A3B #3A4033 #31362B #282C23 #1F221B #161813

#4D5444 - #161813

Mezcla HSV

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

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #434A3B	RGB 67 74 59	#434A3B
33.3%	33.3% #3A4033	RGB 58 64 51	#3A4033
50.0%	50.0% #31362B	RGB 49 54 43	#31362B
66.7%	66.7% #282C23	RGB 40 44 35	#282C23
83.3%	83.3% #1F221B	RGB 31 34 27	#1F221B
100.0%	100.0% #161813	RGB 22 24 19	#161813

#4D5444 #434A3B #3A4033 #31362B #282C23 #1F221B #161813

#4D5444 - #31362B - #161813

Códigos CSS

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

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