#4D5444 - #213606 | 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 #213606

#4D5444 #213606

Calcule el color entre dos colores, #4D5444 y #213606. 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 - #213606 | 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 #213606 como 100%.

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #454F39	RGB 69 79 57	#454F39
33.3%	33.3% #3E4A2F	RGB 62 74 47	#3E4A2F
50.0%	50.0% #374525	RGB 55 69 37	#374525
66.7%	66.7% #2F401A	RGB 47 64 26	#2F401A
83.3%	83.3% #283B10	RGB 40 59 16	#283B10
100.0%	100.0% #213606	RGB 33 54 6	#213606

#4D5444 #454F39 #3E4A2F #374525 #2F401A #283B10 #213606

#4D5444 - #213606

Mezcla HSV

#4D5444 - #213606 | 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 #213606 como 100%.

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #444F36	RGB 68 79 54	#444F36
33.3%	33.3% #3C4A2A	RGB 60 74 42	#3C4A2A
50.0%	50.0% #34451F	RGB 52 69 31	#34451F
66.7%	66.7% #2D4016	RGB 45 64 22	#2D4016
83.3%	83.3% #273B0D	RGB 39 59 13	#273B0D
100.0%	100.0% #213606	RGB 33 54 6	#213606

#4D5444 #444F36 #3C4A2A #34451F #2D4016 #273B0D #213606

#4D5444 - #34451F - #213606

Códigos CSS

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

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