#200909 - #593B3A | 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 #200909 a #593B3A

#200909 #593B3A

Calcule el color entre dos colores, #200909 y #593B3A. 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)

#200909 - #593B3A | 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 #200909 como 0% y #593B3A como 100%.

0.0%	0.0% #200909	RGB 32 9 9	#200909
16.7%	16.7% #291111	RGB 41 17 17	#291111
33.3%	33.3% #331919	RGB 51 25 25	#331919
50.0%	50.0% #3C2221	RGB 60 34 33	#3C2221
66.7%	66.7% #462A29	RGB 70 42 41	#462A29
83.3%	83.3% #4F3231	RGB 79 50 49	#4F3231
100.0%	100.0% #593B3A	RGB 89 59 58	#593B3A

#200909 #291111 #331919 #3C2221 #462A29 #4F3231 #593B3A

#200909 - #593B3A

Mezcla HSV

#200909 - #593B3A | 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 #200909 como 0% y #593B3A como 100%.

0.0%	0.0% #200909	RGB 32 9 9	#200909
16.7%	16.7% #290E0E	RGB 41 14 14	#290E0E
33.3%	33.3% #331414	RGB 51 20 20	#331414
50.0%	50.0% #3C1C1C	RGB 60 28 28	#3C1C1C
66.7%	66.7% #462524	RGB 70 37 36	#462524
83.3%	83.3% #4F2F2E	RGB 79 47 46	#4F2F2E
100.0%	100.0% #593B3A	RGB 89 59 58	#593B3A

#200909 #290E0E #331414 #3C1C1C #462524 #4F2F2E #593B3A

#200909 - #3C1C1C - #593B3A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200909 0%, #3C1C1C 50%, #593B3A 100%);
    background: -webkit-linear-gradient(top, #200909 0%, #3C1C1C 50%, #593B3A 100%);
    background: linear-gradient(to bottom, #200909 0%, #3C1C1C 50%, #593B3A 100%);
}
</style>