#804D00 - #DACCB6 | 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 #804D00 a #DACCB6

#804D00 #DACCB6

Calcule el color entre dos colores, #804D00 y #DACCB6. 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)

#804D00 - #DACCB6 | 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 #804D00 como 0% y #DACCB6 como 100%.

0.0%	0.0% #804D00	RGB 128 77 0	#804D00
16.7%	16.7% #8F621E	RGB 143 98 30	#8F621E
33.3%	33.3% #9E773C	RGB 158 119 60	#9E773C
50.0%	50.0% #AD8C5B	RGB 173 140 91	#AD8C5B
66.7%	66.7% #BCA179	RGB 188 161 121	#BCA179
83.3%	83.3% #CBB697	RGB 203 182 151	#CBB697
100.0%	100.0% #DACCB6	RGB 218 204 182	#DACCB6

#804D00 #8F621E #9E773C #AD8C5B #BCA179 #CBB697 #DACCB6

#804D00 - #DACCB6

Mezcla HSV

#804D00 - #DACCB6 | 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 #804D00 como 0% y #DACCB6 como 100%.

0.0%	0.0% #804D00	RGB 128 77 0	#804D00
16.7%	16.7% #8F5E13	RGB 143 94 19	#8F5E13
33.3%	33.3% #9E702B	RGB 158 112 43	#9E702B
50.0%	50.0% #AD8548	RGB 173 133 72	#AD8548
66.7%	66.7% #BC9B68	RGB 188 155 104	#BC9B68
83.3%	83.3% #CBB28D	RGB 203 178 141	#CBB28D
100.0%	100.0% #DACCB6	RGB 218 204 182	#DACCB6

#804D00 #8F5E13 #9E702B #AD8548 #BC9B68 #CBB28D #DACCB6

#804D00 - #AD8548 - #DACCB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #804D00 0%, #AD8548 50%, #DACCB6 100%);
    background: -webkit-linear-gradient(top, #804D00 0%, #AD8548 50%, #DACCB6 100%);
    background: linear-gradient(to bottom, #804D00 0%, #AD8548 50%, #DACCB6 100%);
}
</style>