#525249 - #3E3108 | 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 #525249 a #3E3108

#525249 #3E3108

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

#525249 - #3E3108 | 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 #525249 como 0% y #3E3108 como 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #4E4C3E	RGB 78 76 62	#4E4C3E
33.3%	33.3% #4B4733	RGB 75 71 51	#4B4733
50.0%	50.0% #484128	RGB 72 65 40	#484128
66.7%	66.7% #443C1D	RGB 68 60 29	#443C1D
83.3%	83.3% #413612	RGB 65 54 18	#413612
100.0%	100.0% #3E3108	RGB 62 49 8	#3E3108

#525249 #4E4C3E #4B4733 #484128 #443C1D #413612 #3E3108

#525249 - #3E3108

Mezcla HSV

#525249 - #3E3108 | 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 #525249 como 0% y #3E3108 como 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #4E4D3C	RGB 78 77 60	#4E4D3C
33.3%	33.3% #4B492F	RGB 75 73 47	#4B492F
50.0%	50.0% #484324	RGB 72 67 36	#484324
66.7%	66.7% #443D1A	RGB 68 61 26	#443D1A
83.3%	83.3% #413710	RGB 65 55 16	#413710
100.0%	100.0% #3E3108	RGB 62 49 8	#3E3108

#525249 #4E4D3C #4B492F #484324 #443D1A #413710 #3E3108

#525249 - #484324 - #3E3108

Códigos CSS

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

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