#545646 - #2A3307 | 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 #545646 a #2A3307

#545646 #2A3307

Calcule el color entre dos colores, #545646 y #2A3307. 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)

#545646 - #2A3307 | 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 #545646 como 0% y #2A3307 como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #4D503B	RGB 77 80 59	#4D503B
33.3%	33.3% #464A31	RGB 70 74 49	#464A31
50.0%	50.0% #3F4426	RGB 63 68 38	#3F4426
66.7%	66.7% #383E1C	RGB 56 62 28	#383E1C
83.3%	83.3% #313811	RGB 49 56 17	#313811
100.0%	100.0% #2A3307	RGB 42 51 7	#2A3307

#545646 #4D503B #464A31 #3F4426 #383E1C #313811 #2A3307

#545646 - #2A3307

Mezcla HSV

#545646 - #2A3307 | 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 #545646 como 0% y #2A3307 como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #4C5038	RGB 76 80 56	#4C5038
33.3%	33.3% #454A2B	RGB 69 74 43	#454A2B
50.0%	50.0% #3E4420	RGB 62 68 32	#3E4420
66.7%	66.7% #373E16	RGB 55 62 22	#373E16
83.3%	83.3% #30380E	RGB 48 56 14	#30380E
100.0%	100.0% #2A3307	RGB 42 51 7	#2A3307

#545646 #4C5038 #454A2B #3E4420 #373E16 #30380E #2A3307

#545646 - #3E4420 - #2A3307

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545646 0%, #3E4420 50%, #2A3307 100%);
    background: -webkit-linear-gradient(top, #545646 0%, #3E4420 50%, #2A3307 100%);
    background: linear-gradient(to bottom, #545646 0%, #3E4420 50%, #2A3307 100%);
}
</style>