#524F49 - #3E2008 | 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 #524F49 a #3E2008

#524F49 #3E2008

Calcule el color entre dos colores, #524F49 y #3E2008. 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)

#524F49 - #3E2008 | 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 #524F49 como 0% y #3E2008 como 100%.

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #4E473E	RGB 78 71 62	#4E473E
33.3%	33.3% #4B3F33	RGB 75 63 51	#4B3F33
50.0%	50.0% #483728	RGB 72 55 40	#483728
66.7%	66.7% #442F1D	RGB 68 47 29	#442F1D
83.3%	83.3% #412712	RGB 65 39 18	#412712
100.0%	100.0% #3E2008	RGB 62 32 8	#3E2008

#524F49 #4E473E #4B3F33 #483728 #442F1D #412712 #3E2008

#524F49 - #3E2008

Mezcla HSV

#524F49 - #3E2008 | 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 #524F49 como 0% y #3E2008 como 100%.

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #4E473C	RGB 78 71 60	#4E473C
33.3%	33.3% #4B402F	RGB 75 64 47	#4B402F
50.0%	50.0% #483824	RGB 72 56 36	#483824
66.7%	66.7% #44301A	RGB 68 48 26	#44301A
83.3%	83.3% #412810	RGB 65 40 16	#412810
100.0%	100.0% #3E2008	RGB 62 32 8	#3E2008

#524F49 #4E473C #4B402F #483824 #44301A #412810 #3E2008

#524F49 - #483824 - #3E2008

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524F49 0%, #483824 50%, #3E2008 100%);
    background: -webkit-linear-gradient(top, #524F49 0%, #483824 50%, #3E2008 100%);
    background: linear-gradient(to bottom, #524F49 0%, #483824 50%, #3E2008 100%);
}
</style>