#915600 - #DFCEB6 | 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 #915600 a #DFCEB6

#915600 #DFCEB6

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

#915600 - #DFCEB6 | 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 #915600 como 0% y #DFCEB6 como 100%.

0.0%	0.0% #915600	RGB 145 86 0	#915600
16.7%	16.7% #9E6A1E	RGB 158 106 30	#9E6A1E
33.3%	33.3% #AB7E3C	RGB 171 126 60	#AB7E3C
50.0%	50.0% #B8925B	RGB 184 146 91	#B8925B
66.7%	66.7% #C5A679	RGB 197 166 121	#C5A679
83.3%	83.3% #D2BA97	RGB 210 186 151	#D2BA97
100.0%	100.0% #DFCEB6	RGB 223 206 182	#DFCEB6

#915600 #9E6A1E #AB7E3C #B8925B #C5A679 #D2BA97 #DFCEB6

#915600 - #DFCEB6

Mezcla HSV

#915600 - #DFCEB6 | 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 #915600 como 0% y #DFCEB6 como 100%.

0.0%	0.0% #915600	RGB 145 86 0	#915600
16.7%	16.7% #9E6615	RGB 158 102 21	#9E6615
33.3%	33.3% #AB782E	RGB 171 120 46	#AB782E
50.0%	50.0% #B88B4B	RGB 184 139 75	#B88B4B
66.7%	66.7% #C59F6B	RGB 197 159 107	#C59F6B
83.3%	83.3% #D2B68E	RGB 210 182 142	#D2B68E
100.0%	100.0% #DFCEB6	RGB 223 206 182	#DFCEB6

#915600 #9E6615 #AB782E #B88B4B #C59F6B #D2B68E #DFCEB6

#915600 - #B88B4B - #DFCEB6

Códigos CSS

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

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