#B07B2C - #E8D9C2 | 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 #B07B2C a #E8D9C2

#B07B2C #E8D9C2

Calcule el color entre dos colores, #B07B2C y #E8D9C2. 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)

#B07B2C - #E8D9C2 | 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 #B07B2C como 0% y #E8D9C2 como 100%.

0.0%	0.0% #B07B2C	RGB 176 123 44	#B07B2C
16.7%	16.7% #B98A45	RGB 185 138 69	#B98A45
33.3%	33.3% #C29A5E	RGB 194 154 94	#C29A5E
50.0%	50.0% #CCAA77	RGB 204 170 119	#CCAA77
66.7%	66.7% #D5B990	RGB 213 185 144	#D5B990
83.3%	83.3% #DEC9A9	RGB 222 201 169	#DEC9A9
100.0%	100.0% #E8D9C2	RGB 232 217 194	#E8D9C2

#B07B2C #B98A45 #C29A5E #CCAA77 #D5B990 #DEC9A9 #E8D9C2

#B07B2C - #E8D9C2

Mezcla HSV

#B07B2C - #E8D9C2 | 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 #B07B2C como 0% y #E8D9C2 como 100%.

0.0%	0.0% #B07B2C	RGB 176 123 44	#B07B2C
16.7%	16.7% #B98840	RGB 185 136 64	#B98840
33.3%	33.3% #C29756	RGB 194 151 86	#C29756
50.0%	50.0% #CCA66E	RGB 204 166 110	#CCA66E
66.7%	66.7% #D5B688	RGB 213 182 136	#D5B688
83.3%	83.3% #DEC7A4	RGB 222 199 164	#DEC7A4
100.0%	100.0% #E8D9C2	RGB 232 217 194	#E8D9C2

#B07B2C #B98840 #C29756 #CCA66E #D5B688 #DEC7A4 #E8D9C2

#B07B2C - #CCA66E - #E8D9C2

Códigos CSS

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

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