#A6B5A6 - #E5E9E5 | 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 #A6B5A6 a #E5E9E5

#A6B5A6 #E5E9E5

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

#A6B5A6 - #E5E9E5 | 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 #A6B5A6 como 0% y #E5E9E5 como 100%.

0.0%	0.0% #A6B5A6	RGB 166 181 166	#A6B5A6
16.7%	16.7% #B0BDB0	RGB 176 189 176	#B0BDB0
33.3%	33.3% #BBC6BB	RGB 187 198 187	#BBC6BB
50.0%	50.0% #C5CFC5	RGB 197 207 197	#C5CFC5
66.7%	66.7% #D0D7D0	RGB 208 215 208	#D0D7D0
83.3%	83.3% #DAE0DA	RGB 218 224 218	#DAE0DA
100.0%	100.0% #E5E9E5	RGB 229 233 229	#E5E9E5

#A6B5A6 #B0BDB0 #BBC6BB #C5CFC5 #D0D7D0 #DAE0DA #E5E9E5

#A6B5A6 - #E5E9E5

Mezcla HSV

#A6B5A6 - #E5E9E5 | 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 #A6B5A6 como 0% y #E5E9E5 como 100%.

0.0%	0.0% #A6B5A6	RGB 166 181 166	#A6B5A6
16.7%	16.7% #B0BDB0	RGB 176 189 176	#B0BDB0
33.3%	33.3% #BAC6BA	RGB 186 198 186	#BAC6BA
50.0%	50.0% #C4CFC4	RGB 196 207 196	#C4CFC4
66.7%	66.7% #CFD7CF	RGB 207 215 207	#CFD7CF
83.3%	83.3% #DAE0DA	RGB 218 224 218	#DAE0DA
100.0%	100.0% #E5E9E5	RGB 229 233 229	#E5E9E5

#A6B5A6 #B0BDB0 #BAC6BA #C4CFC4 #CFD7CF #DAE0DA #E5E9E5

#A6B5A6 - #C4CFC4 - #E5E9E5

Códigos CSS

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

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