#A6987B - #E5E1D9 | 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 #A6987B a #E5E1D9

#A6987B #E5E1D9

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

#A6987B - #E5E1D9 | 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 #A6987B como 0% y #E5E1D9 como 100%.

0.0%	0.0% #A6987B	RGB 166 152 123	#A6987B
16.7%	16.7% #B0A48A	RGB 176 164 138	#B0A48A
33.3%	33.3% #BBB09A	RGB 187 176 154	#BBB09A
50.0%	50.0% #C5BCAA	RGB 197 188 170	#C5BCAA
66.7%	66.7% #D0C8B9	RGB 208 200 185	#D0C8B9
83.3%	83.3% #DAD4C9	RGB 218 212 201	#DAD4C9
100.0%	100.0% #E5E1D9	RGB 229 225 217	#E5E1D9

#A6987B #B0A48A #BBB09A #C5BCAA #D0C8B9 #DAD4C9 #E5E1D9

#A6987B - #E5E1D9

Mezcla HSV

#A6987B - #E5E1D9 | 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 #A6987B como 0% y #E5E1D9 como 100%.

0.0%	0.0% #A6987B	RGB 166 152 123	#A6987B
16.7%	16.7% #B0A388	RGB 176 163 136	#B0A388
33.3%	33.3% #BBAF97	RGB 187 175 151	#BBAF97
50.0%	50.0% #C5BBA6	RGB 197 187 166	#C5BBA6
66.7%	66.7% #D0C7B6	RGB 208 199 182	#D0C7B6
83.3%	83.3% #DAD4C7	RGB 218 212 199	#DAD4C7
100.0%	100.0% #E5E1D9	RGB 229 225 217	#E5E1D9

#A6987B #B0A388 #BBAF97 #C5BBA6 #D0C7B6 #DAD4C7 #E5E1D9

#A6987B - #C5BBA6 - #E5E1D9

Códigos CSS

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

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