#ABB6AB - #E7EAE7 | 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 #ABB6AB a #E7EAE7

#ABB6AB #E7EAE7

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

#ABB6AB - #E7EAE7 | 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 #ABB6AB como 0% y #E7EAE7 como 100%.

0.0%	0.0% #ABB6AB	RGB 171 182 171	#ABB6AB
16.7%	16.7% #B5BEB5	RGB 181 190 181	#B5BEB5
33.3%	33.3% #BFC7BF	RGB 191 199 191	#BFC7BF
50.0%	50.0% #C9D0C9	RGB 201 208 201	#C9D0C9
66.7%	66.7% #D3D8D3	RGB 211 216 211	#D3D8D3
83.3%	83.3% #DDE1DD	RGB 221 225 221	#DDE1DD
100.0%	100.0% #E7EAE7	RGB 231 234 231	#E7EAE7

#ABB6AB #B5BEB5 #BFC7BF #C9D0C9 #D3D8D3 #DDE1DD #E7EAE7

#ABB6AB - #E7EAE7

Mezcla HSV

#ABB6AB - #E7EAE7 | 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 #ABB6AB como 0% y #E7EAE7 como 100%.

0.0%	0.0% #ABB6AB	RGB 171 182 171	#ABB6AB
16.7%	16.7% #B4BEB4	RGB 180 190 180	#B4BEB4
33.3%	33.3% #BEC7BE	RGB 190 199 190	#BEC7BE
50.0%	50.0% #C8D0C8	RGB 200 208 200	#C8D0C8
66.7%	66.7% #D2D8D2	RGB 210 216 210	#D2D8D2
83.3%	83.3% #DCE1DC	RGB 220 225 220	#DCE1DC
100.0%	100.0% #E7EAE7	RGB 231 234 231	#E7EAE7

#ABB6AB #B4BEB4 #BEC7BE #C8D0C8 #D2D8D2 #DCE1DC #E7EAE7

#ABB6AB - #C8D0C8 - #E7EAE7

Códigos CSS

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

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