#504024 - #3D2903 | 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 #504024 a #3D2903

#504024 #3D2903

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

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

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #4C3C1E	RGB 76 60 30	#4C3C1E
33.3%	33.3% #493819	RGB 73 56 25	#493819
50.0%	50.0% #463413	RGB 70 52 19	#463413
66.7%	66.7% #43300E	RGB 67 48 14	#43300E
83.3%	83.3% #402C08	RGB 64 44 8	#402C08
100.0%	100.0% #3D2903	RGB 61 41 3	#3D2903

#504024 #4C3C1E #493819 #463413 #43300E #402C08 #3D2903

#504024 - #3D2903

Mezcla HSV

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

0.0%	0.0% #504024	RGB 80 64 36	#504024
16.7%	16.7% #4C3B1D	RGB 76 59 29	#4C3B1D
33.3%	33.3% #493717	RGB 73 55 23	#493717
50.0%	50.0% #463311	RGB 70 51 17	#463311
66.7%	66.7% #43300C	RGB 67 48 12	#43300C
83.3%	83.3% #402C07	RGB 64 44 7	#402C07
100.0%	100.0% #3D2903	RGB 61 41 3	#3D2903

#504024 #4C3B1D #493717 #463311 #43300C #402C07 #3D2903

#504024 - #463311 - #3D2903

Códigos CSS

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

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