#A0A49C - #E3E5E2 | 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 #A0A49C a #E3E5E2

#A0A49C #E3E5E2

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

#A0A49C - #E3E5E2 | 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 #A0A49C como 0% y #E3E5E2 como 100%.

0.0%	0.0% #A0A49C	RGB 160 164 156	#A0A49C
16.7%	16.7% #ABAEA7	RGB 171 174 167	#ABAEA7
33.3%	33.3% #B6B9B3	RGB 182 185 179	#B6B9B3
50.0%	50.0% #C1C4BF	RGB 193 196 191	#C1C4BF
66.7%	66.7% #CCCFCA	RGB 204 207 202	#CCCFCA
83.3%	83.3% #D7DAD6	RGB 215 218 214	#D7DAD6
100.0%	100.0% #E3E5E2	RGB 227 229 226	#E3E5E2

#A0A49C #ABAEA7 #B6B9B3 #C1C4BF #CCCFCA #D7DAD6 #E3E5E2

#A0A49C - #E3E5E2

Mezcla HSV

#A0A49C - #E3E5E2 | 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 #A0A49C como 0% y #E3E5E2 como 100%.

0.0%	0.0% #A0A49C	RGB 160 164 156	#A0A49C
16.7%	16.7% #AAAEA7	RGB 170 174 167	#AAAEA7
33.3%	33.3% #B5B9B2	RGB 181 185 178	#B5B9B2
50.0%	50.0% #C0C4BE	RGB 192 196 190	#C0C4BE
66.7%	66.7% #CCCFCA	RGB 204 207 202	#CCCFCA
83.3%	83.3% #D7DAD6	RGB 215 218 214	#D7DAD6
100.0%	100.0% #E3E5E2	RGB 227 229 226	#E3E5E2

#A0A49C #AAAEA7 #B5B9B2 #C0C4BE #CCCFCA #D7DAD6 #E3E5E2

#A0A49C - #C0C4BE - #E3E5E2

Códigos CSS

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

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