#5E5E0D - #382F08 | 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 #5E5E0D a #382F08

#5E5E0D #382F08

Calcule el color entre dos colores, #5E5E0D y #382F08. 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)

#5E5E0D - #382F08 | 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 #5E5E0D como 0% y #382F08 como 100%.

0.0%	0.0% #5E5E0D	RGB 94 94 13	#5E5E0D
16.7%	16.7% #57560C	RGB 87 86 12	#57560C
33.3%	33.3% #514E0B	RGB 81 78 11	#514E0B
50.0%	50.0% #4B460A	RGB 75 70 10	#4B460A
66.7%	66.7% #443E09	RGB 68 62 9	#443E09
83.3%	83.3% #3E3608	RGB 62 54 8	#3E3608
100.0%	100.0% #382F08	RGB 56 47 8	#382F08

#5E5E0D #57560C #514E0B #4B460A #443E09 #3E3608 #382F08

#5E5E0D - #382F08

Mezcla HSV

#5E5E0D - #382F08 | 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 #5E5E0D como 0% y #382F08 como 100%.

0.0%	0.0% #5E5E0C	RGB 94 94 12	#5E5E0C
16.7%	16.7% #57550C	RGB 87 85 12	#57550C
33.3%	33.3% #514C0B	RGB 81 76 11	#514C0B
50.0%	50.0% #4B440A	RGB 75 68 10	#4B440A
66.7%	66.7% #443D09	RGB 68 61 9	#443D09
83.3%	83.3% #3E3508	RGB 62 53 8	#3E3508
100.0%	100.0% #382F08	RGB 56 47 8	#382F08

#5E5E0C #57550C #514C0B #4B440A #443D09 #3E3508 #382F08

#5E5E0D - #4B440A - #382F08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E0C 0%, #4B440A 50%, #382F08 100%);
    background: -webkit-linear-gradient(top, #5E5E0C 0%, #4B440A 50%, #382F08 100%);
    background: linear-gradient(to bottom, #5E5E0C 0%, #4B440A 50%, #382F08 100%);
}
</style>