#A7B6A8 - #E5EAE5 | 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 #A7B6A8 a #E5EAE5

#A7B6A8 #E5EAE5

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

#A7B6A8 - #E5EAE5 | 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 #A7B6A8 como 0% y #E5EAE5 como 100%.

0.0%	0.0% #A7B6A8	RGB 167 182 168	#A7B6A8
16.7%	16.7% #B1BEB2	RGB 177 190 178	#B1BEB2
33.3%	33.3% #BBC7BC	RGB 187 199 188	#BBC7BC
50.0%	50.0% #C6D0C6	RGB 198 208 198	#C6D0C6
66.7%	66.7% #D0D8D0	RGB 208 216 208	#D0D8D0
83.3%	83.3% #DAE1DA	RGB 218 225 218	#DAE1DA
100.0%	100.0% #E5EAE5	RGB 229 234 229	#E5EAE5

#A7B6A8 #B1BEB2 #BBC7BC #C6D0C6 #D0D8D0 #DAE1DA #E5EAE5

#A7B6A8 - #E5EAE5

Mezcla HSV

#A7B6A8 - #E5EAE5 | 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 #A7B6A8 como 0% y #E5EAE5 como 100%.

0.0%	0.0% #A7B6A8	RGB 167 182 168	#A7B6A8
16.7%	16.7% #B0BEB1	RGB 176 190 177	#B0BEB1
33.3%	33.3% #BAC7BB	RGB 186 199 187	#BAC7BB
50.0%	50.0% #C5D0C5	RGB 197 208 197	#C5D0C5
66.7%	66.7% #CFD8CF	RGB 207 216 207	#CFD8CF
83.3%	83.3% #DAE1DA	RGB 218 225 218	#DAE1DA
100.0%	100.0% #E5EAE5	RGB 229 234 229	#E5EAE5

#A7B6A8 #B0BEB1 #BAC7BB #C5D0C5 #CFD8CF #DAE1DA #E5EAE5

#A7B6A8 - #C5D0C5 - #E5EAE5

Códigos CSS

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

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