#201609 - #594D3A | 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 #201609 a #594D3A

#201609 #594D3A

Calcule el color entre dos colores, #201609 y #594D3A. 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)

#201609 - #594D3A | 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 #201609 como 0% y #594D3A como 100%.

0.0%	0.0% #201609	RGB 32 22 9	#201609
16.7%	16.7% #291F11	RGB 41 31 17	#291F11
33.3%	33.3% #332819	RGB 51 40 25	#332819
50.0%	50.0% #3C3121	RGB 60 49 33	#3C3121
66.7%	66.7% #463A29	RGB 70 58 41	#463A29
83.3%	83.3% #4F4331	RGB 79 67 49	#4F4331
100.0%	100.0% #594D3A	RGB 89 77 58	#594D3A

#201609 #291F11 #332819 #3C3121 #463A29 #4F4331 #594D3A

#201609 - #594D3A

Mezcla HSV

#201609 - #594D3A | 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 #201609 como 0% y #594D3A como 100%.

0.0%	0.0% #201609	RGB 32 22 9	#201609
16.7%	16.7% #291D0E	RGB 41 29 14	#291D0E
33.3%	33.3% #332614	RGB 51 38 20	#332614
50.0%	50.0% #3C2F1C	RGB 60 47 28	#3C2F1C
66.7%	66.7% #463824	RGB 70 56 36	#463824
83.3%	83.3% #4F422E	RGB 79 66 46	#4F422E
100.0%	100.0% #594D3A	RGB 89 77 58	#594D3A

#201609 #291D0E #332614 #3C2F1C #463824 #4F422E #594D3A

#201609 - #3C2F1C - #594D3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201609 0%, #3C2F1C 50%, #594D3A 100%);
    background: -webkit-linear-gradient(top, #201609 0%, #3C2F1C 50%, #594D3A 100%);
    background: linear-gradient(to bottom, #201609 0%, #3C2F1C 50%, #594D3A 100%);
}
</style>