#A6B8AD - #E5EAE7 | 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 #A6B8AD a #E5EAE7

#A6B8AD #E5EAE7

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

#A6B8AD - #E5EAE7 | 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 #A6B8AD como 0% y #E5EAE7 como 100%.

0.0%	0.0% #A6B8AD	RGB 166 184 173	#A6B8AD
16.7%	16.7% #B0C0B6	RGB 176 192 182	#B0C0B6
33.3%	33.3% #BBC8C0	RGB 187 200 192	#BBC8C0
50.0%	50.0% #C5D1CA	RGB 197 209 202	#C5D1CA
66.7%	66.7% #D0D9D3	RGB 208 217 211	#D0D9D3
83.3%	83.3% #DAE1DD	RGB 218 225 221	#DAE1DD
100.0%	100.0% #E5EAE7	RGB 229 234 231	#E5EAE7

#A6B8AD #B0C0B6 #BBC8C0 #C5D1CA #D0D9D3 #DAE1DD #E5EAE7

#A6B8AD - #E5EAE7

Mezcla HSV

#A6B8AD - #E5EAE7 | 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 #A6B8AD como 0% y #E5EAE7 como 100%.

0.0%	0.0% #A6B8AD	RGB 166 184 173	#A6B8AD
16.7%	16.7% #AFC0B6	RGB 175 192 182	#AFC0B6
33.3%	33.3% #BAC8BF	RGB 186 200 191	#BAC8BF
50.0%	50.0% #C4D1C9	RGB 196 209 201	#C4D1C9
66.7%	66.7% #CFD9D3	RGB 207 217 211	#CFD9D3
83.3%	83.3% #D9E1DD	RGB 217 225 221	#D9E1DD
100.0%	100.0% #E5EAE7	RGB 229 234 231	#E5EAE7

#A6B8AD #AFC0B6 #BAC8BF #C4D1C9 #CFD9D3 #D9E1DD #E5EAE7

#A6B8AD - #C4D1C9 - #E5EAE7

Códigos CSS

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

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