#AAABA6 - #E6E7E5 | 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 #AAABA6 a #E6E7E5

#AAABA6 #E6E7E5

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

#AAABA6 - #E6E7E5 | 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 #AAABA6 como 0% y #E6E7E5 como 100%.

0.0%	0.0% #AAABA6	RGB 170 171 166	#AAABA6
16.7%	16.7% #B4B5B0	RGB 180 181 176	#B4B5B0
33.3%	33.3% #BEBFBB	RGB 190 191 187	#BEBFBB
50.0%	50.0% #C8C9C5	RGB 200 201 197	#C8C9C5
66.7%	66.7% #D2D3D0	RGB 210 211 208	#D2D3D0
83.3%	83.3% #DCDDDA	RGB 220 221 218	#DCDDDA
100.0%	100.0% #E6E7E5	RGB 230 231 229	#E6E7E5

#AAABA6 #B4B5B0 #BEBFBB #C8C9C5 #D2D3D0 #DCDDDA #E6E7E5

#AAABA6 - #E6E7E5

Mezcla HSV

#AAABA6 - #E6E7E5 | 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 #AAABA6 como 0% y #E6E7E5 como 100%.

0.0%	0.0% #AAABA6	RGB 170 171 166	#AAABA6
16.7%	16.7% #B3B5B0	RGB 179 181 176	#B3B5B0
33.3%	33.3% #BDBFBA	RGB 189 191 186	#BDBFBA
50.0%	50.0% #C7C9C5	RGB 199 201 197	#C7C9C5
66.7%	66.7% #D1D3CF	RGB 209 211 207	#D1D3CF
83.3%	83.3% #DBDDDA	RGB 219 221 218	#DBDDDA
100.0%	100.0% #E6E7E5	RGB 230 231 229	#E6E7E5

#AAABA6 #B3B5B0 #BDBFBA #C7C9C5 #D1D3CF #DBDDDA #E6E7E5

#AAABA6 - #C7C9C5 - #E6E7E5

Códigos CSS

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

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