#20090C - #5E3631 | 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 #20090C a #5E3631

#20090C #5E3631

Calcule el color entre dos colores, #20090C y #5E3631. 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)

#20090C - #5E3631 | 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 #20090C como 0% y #5E3631 como 100%.

0.0%	0.0% #20090C	RGB 32 9 12	#20090C
16.7%	16.7% #2A1012	RGB 42 16 18	#2A1012
33.3%	33.3% #341818	RGB 52 24 24	#341818
50.0%	50.0% #3F1F1E	RGB 63 31 30	#3F1F1E
66.7%	66.7% #492724	RGB 73 39 36	#492724
83.3%	83.3% #532E2A	RGB 83 46 42	#532E2A
100.0%	100.0% #5E3631	RGB 94 54 49	#5E3631

#20090C #2A1012 #341818 #3F1F1E #492724 #532E2A #5E3631

#20090C - #5E3631

Mezcla HSV

#20090C - #5E3631 | 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 #20090C como 0% y #5E3631 como 100%.

0.0%	0.0% #20090C	RGB 32 9 12	#20090C
16.7%	16.7% #2A0D10	RGB 42 13 16	#2A0D10
33.3%	33.3% #341314	RGB 52 19 20	#341314
50.0%	50.0% #3F1919	RGB 63 25 25	#3F1919
66.7%	66.7% #492120	RGB 73 33 32	#492120
83.3%	83.3% #532B28	RGB 83 43 40	#532B28
100.0%	100.0% #5E3631	RGB 94 54 49	#5E3631

#20090C #2A0D10 #341314 #3F1919 #492120 #532B28 #5E3631

#20090C - #3F1919 - #5E3631

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20090C 0%, #3F1919 50%, #5E3631 100%);
    background: -webkit-linear-gradient(top, #20090C 0%, #3F1919 50%, #5E3631 100%);
    background: linear-gradient(to bottom, #20090C 0%, #3F1919 50%, #5E3631 100%);
}
</style>