#565446 - #413008 | 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 #565446 a #413008

#565446 #413008

Calcule el color entre dos colores, #565446 y #413008. 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)

#565446 - #413008 | 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 #565446 como 0% y #413008 como 100%.

0.0%	0.0% #565446	RGB 86 84 70	#565446
16.7%	16.7% #524E3B	RGB 82 78 59	#524E3B
33.3%	33.3% #4F4831	RGB 79 72 49	#4F4831
50.0%	50.0% #4B4227	RGB 75 66 39	#4B4227
66.7%	66.7% #483C1C	RGB 72 60 28	#483C1C
83.3%	83.3% #443612	RGB 68 54 18	#443612
100.0%	100.0% #413008	RGB 65 48 8	#413008

#565446 #524E3B #4F4831 #4B4227 #483C1C #443612 #413008

#565446 - #413008

Mezcla HSV

#565446 - #413008 | 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 #565446 como 0% y #413008 como 100%.

0.0%	0.0% #565446	RGB 86 84 70	#565446
16.7%	16.7% #524E39	RGB 82 78 57	#524E39
33.3%	33.3% #4F482E	RGB 79 72 46	#4F482E
50.0%	50.0% #4B4323	RGB 75 67 35	#4B4323
66.7%	66.7% #483C19	RGB 72 60 25	#483C19
83.3%	83.3% #443610	RGB 68 54 16	#443610
100.0%	100.0% #413008	RGB 65 48 8	#413008

#565446 #524E39 #4F482E #4B4323 #483C19 #443610 #413008

#565446 - #4B4323 - #413008

Códigos CSS

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

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