#ACAEA8 - #E6E7E6 | 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 #ACAEA8 a #E6E7E6

#ACAEA8 #E6E7E6

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

#ACAEA8 - #E6E7E6 | 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 #ACAEA8 como 0% y #E6E7E6 como 100%.

0.0%	0.0% #ACAEA8	RGB 172 174 168	#ACAEA8
16.7%	16.7% #B5B7B2	RGB 181 183 178	#B5B7B2
33.3%	33.3% #BFC1BC	RGB 191 193 188	#BFC1BC
50.0%	50.0% #C9CAC7	RGB 201 202 199	#C9CAC7
66.7%	66.7% #D2D4D1	RGB 210 212 209	#D2D4D1
83.3%	83.3% #DCDDDB	RGB 220 221 219	#DCDDDB
100.0%	100.0% #E6E7E6	RGB 230 231 230	#E6E7E6

#ACAEA8 #B5B7B2 #BFC1BC #C9CAC7 #D2D4D1 #DCDDDB #E6E7E6

#ACAEA8 - #E6E7E6

Mezcla HSV

#ACAEA8 - #E6E7E6 | 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 #ACAEA8 como 0% y #E6E7E6 como 100%.

0.0%	0.0% #ACAEA8	RGB 172 174 168	#ACAEA8
16.7%	16.7% #B5B7B2	RGB 181 183 178	#B5B7B2
33.3%	33.3% #BEC1BC	RGB 190 193 188	#BEC1BC
50.0%	50.0% #C7CAC6	RGB 199 202 198	#C7CAC6
66.7%	66.7% #D1D4D0	RGB 209 212 208	#D1D4D0
83.3%	83.3% #DBDDDB	RGB 219 221 219	#DBDDDB
100.0%	100.0% #E6E7E6	RGB 230 231 230	#E6E7E6

#ACAEA8 #B5B7B2 #BEC1BC #C7CAC6 #D1D4D0 #DBDDDB #E6E7E6

#ACAEA8 - #C7CAC6 - #E6E7E6

Códigos CSS

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

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