#9A8559 - #E2DCCF | 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 #9A8559 a #E2DCCF

#9A8559 #E2DCCF

Calcule el color entre dos colores, #9A8559 y #E2DCCF. 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)

#9A8559 - #E2DCCF | 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 #9A8559 como 0% y #E2DCCF como 100%.

0.0%	0.0% #9A8559	RGB 154 133 89	#9A8559
16.7%	16.7% #A6936C	RGB 166 147 108	#A6936C
33.3%	33.3% #B2A280	RGB 178 162 128	#B2A280
50.0%	50.0% #BEB094	RGB 190 176 148	#BEB094
66.7%	66.7% #CABFA7	RGB 202 191 167	#CABFA7
83.3%	83.3% #D6CDBB	RGB 214 205 187	#D6CDBB
100.0%	100.0% #E2DCCF	RGB 226 220 207	#E2DCCF

#9A8559 #A6936C #B2A280 #BEB094 #CABFA7 #D6CDBB #E2DCCF

#9A8559 - #E2DCCF

Mezcla HSV

#9A8559 - #E2DCCF | 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 #9A8559 como 0% y #E2DCCF como 100%.

0.0%	0.0% #9A8559	RGB 154 133 89	#9A8559
16.7%	16.7% #A69269	RGB 166 146 105	#A69269
33.3%	33.3% #B2A07A	RGB 178 160 122	#B2A07A
50.0%	50.0% #BEAE8D	RGB 190 174 141	#BEAE8D
66.7%	66.7% #CABDA2	RGB 202 189 162	#CABDA2
83.3%	83.3% #D6CCB7	RGB 214 204 183	#D6CCB7
100.0%	100.0% #E2DCCF	RGB 226 220 207	#E2DCCF

#9A8559 #A69269 #B2A07A #BEAE8D #CABDA2 #D6CCB7 #E2DCCF

#9A8559 - #BEAE8D - #E2DCCF

Códigos CSS

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

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