#AAAB9B - #ECE2B7 | 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 #AAAB9B a #ECE2B7

#AAAB9B #ECE2B7

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

#AAAB9B - #ECE2B7 | 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 #AAAB9B como 0% y #ECE2B7 como 100%.

0.0%	0.0% #AAAB9B	RGB 170 171 155	#AAAB9B
16.7%	16.7% #B5B49F	RGB 181 180 159	#B5B49F
33.3%	33.3% #C0BDA4	RGB 192 189 164	#C0BDA4
50.0%	50.0% #CBC6A9	RGB 203 198 169	#CBC6A9
66.7%	66.7% #D6CFAD	RGB 214 207 173	#D6CFAD
83.3%	83.3% #E1D8B2	RGB 225 216 178	#E1D8B2
100.0%	100.0% #ECE2B7	RGB 236 226 183	#ECE2B7

#AAAB9B #B5B49F #C0BDA4 #CBC6A9 #D6CFAD #E1D8B2 #ECE2B7

#AAAB9B - #ECE2B7

Mezcla HSV

#AAAB9B - #ECE2B7 | 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 #AAAB9B como 0% y #ECE2B7 como 100%.

0.0%	0.0% #AAAB9B	RGB 170 171 155	#AAAB9B
16.7%	16.7% #B5B5A0	RGB 181 181 160	#B5B5A0
33.3%	33.3% #C0C0A6	RGB 192 192 166	#C0C0A6
50.0%	50.0% #CBC9AB	RGB 203 201 171	#CBC9AB
66.7%	66.7% #D6D2AF	RGB 214 210 175	#D6D2AF
83.3%	83.3% #E1DAB3	RGB 225 218 179	#E1DAB3
100.0%	100.0% #ECE2B7	RGB 236 226 183	#ECE2B7

#AAAB9B #B5B5A0 #C0C0A6 #CBC9AB #D6D2AF #E1DAB3 #ECE2B7

#AAAB9B - #CBC9AB - #ECE2B7

Códigos CSS

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

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