#A8A2AF - #E5E4E8 | 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 #A8A2AF a #E5E4E8

#A8A2AF #E5E4E8

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

#A8A2AF - #E5E4E8 | 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 #A8A2AF como 0% y #E5E4E8 como 100%.

0.0%	0.0% #A8A2AF	RGB 168 162 175	#A8A2AF
16.7%	16.7% #B2ADB8	RGB 178 173 184	#B2ADB8
33.3%	33.3% #BCB8C2	RGB 188 184 194	#BCB8C2
50.0%	50.0% #C6C3CB	RGB 198 195 203	#C6C3CB
66.7%	66.7% #D0CED5	RGB 208 206 213	#D0CED5
83.3%	83.3% #DAD9DE	RGB 218 217 222	#DAD9DE
100.0%	100.0% #E5E4E8	RGB 229 228 232	#E5E4E8

#A8A2AF #B2ADB8 #BCB8C2 #C6C3CB #D0CED5 #DAD9DE #E5E4E8

#A8A2AF - #E5E4E8

Mezcla HSV

#A8A2AF - #E5E4E8 | 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 #A8A2AF como 0% y #E5E4E8 como 100%.

0.0%	0.0% #A8A2AF	RGB 168 162 175	#A8A2AF
16.7%	16.7% #B1ACB8	RGB 177 172 184	#B1ACB8
33.3%	33.3% #BBB7C2	RGB 187 183 194	#BBB7C2
50.0%	50.0% #C5C2CB	RGB 197 194 203	#C5C2CB
66.7%	66.7% #CFCDD5	RGB 207 205 213	#CFCDD5
83.3%	83.3% #DAD8DE	RGB 218 216 222	#DAD8DE
100.0%	100.0% #E5E4E8	RGB 229 228 232	#E5E4E8

#A8A2AF #B1ACB8 #BBB7C2 #C5C2CB #CFCDD5 #DAD8DE #E5E4E8

#A8A2AF - #C5C2CB - #E5E4E8

Códigos CSS

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

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