#585800 - #31290B | 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 #585800 a #31290B

#585800 #31290B

Calcule el color entre dos colores, #585800 y #31290B. 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)

#585800 - #31290B | 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 #585800 como 0% y #31290B como 100%.

0.0%	0.0% #585800	RGB 88 88 0	#585800
16.7%	16.7% #515001	RGB 81 80 1	#515001
33.3%	33.3% #4B4803	RGB 75 72 3	#4B4803
50.0%	50.0% #444005	RGB 68 64 5	#444005
66.7%	66.7% #3E3807	RGB 62 56 7	#3E3807
83.3%	83.3% #373009	RGB 55 48 9	#373009
100.0%	100.0% #31290B	RGB 49 41 11	#31290B

#585800 #515001 #4B4803 #444005 #3E3807 #373009 #31290B

#585800 - #31290B

Mezcla HSV

#585800 - #31290B | 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 #585800 como 0% y #31290B como 100%.

0.0%	0.0% #585800	RGB 88 88 0	#585800
16.7%	16.7% #514E03	RGB 81 78 3	#514E03
33.3%	33.3% #4B4605	RGB 75 70 5	#4B4605
50.0%	50.0% #443E07	RGB 68 62 7	#443E07
66.7%	66.7% #3E3609	RGB 62 54 9	#3E3609
83.3%	83.3% #372F0A	RGB 55 47 10	#372F0A
100.0%	100.0% #31290B	RGB 49 41 11	#31290B

#585800 #514E03 #4B4605 #443E07 #3E3609 #372F0A #31290B

#585800 - #443E07 - #31290B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585800 0%, #443E07 50%, #31290B 100%);
    background: -webkit-linear-gradient(top, #585800 0%, #443E07 50%, #31290B 100%);
    background: linear-gradient(to bottom, #585800 0%, #443E07 50%, #31290B 100%);
}
</style>