#220C09 - #5E3E38 | 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 #220C09 a #5E3E38

#220C09 #5E3E38

Calcule el color entre dos colores, #220C09 y #5E3E38. 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)

#220C09 - #5E3E38 | 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 #220C09 como 0% y #5E3E38 como 100%.

0.0%	0.0% #220C09	RGB 34 12 9	#220C09
16.7%	16.7% #2C1410	RGB 44 20 16	#2C1410
33.3%	33.3% #361C18	RGB 54 28 24	#361C18
50.0%	50.0% #402520	RGB 64 37 32	#402520
66.7%	66.7% #4A2D28	RGB 74 45 40	#4A2D28
83.3%	83.3% #543530	RGB 84 53 48	#543530
100.0%	100.0% #5E3E38	RGB 94 62 56	#5E3E38

#220C09 #2C1410 #361C18 #402520 #4A2D28 #543530 #5E3E38

#220C09 - #5E3E38

Mezcla HSV

#220C09 - #5E3E38 | 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 #220C09 como 0% y #5E3E38 como 100%.

0.0%	0.0% #220C09	RGB 34 12 9	#220C09
16.7%	16.7% #2C110E	RGB 44 17 14	#2C110E
33.3%	33.3% #361814	RGB 54 24 20	#361814
50.0%	50.0% #40201B	RGB 64 32 27	#40201B
66.7%	66.7% #4A2923	RGB 74 41 35	#4A2923
83.3%	83.3% #54332D	RGB 84 51 45	#54332D
100.0%	100.0% #5E3E38	RGB 94 62 56	#5E3E38

#220C09 #2C110E #361814 #40201B #4A2923 #54332D #5E3E38

#220C09 - #40201B - #5E3E38

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #220C09 0%, #40201B 50%, #5E3E38 100%);
    background: -webkit-linear-gradient(top, #220C09 0%, #40201B 50%, #5E3E38 100%);
    background: linear-gradient(to bottom, #220C09 0%, #40201B 50%, #5E3E38 100%);
}
</style>