#ACAE9F - #E5E7E3 | 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 #ACAE9F a #E5E7E3

#ACAE9F #E5E7E3

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

#ACAE9F - #E5E7E3 | 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 #ACAE9F como 0% y #E5E7E3 como 100%.

0.0%	0.0% #ACAE9F	RGB 172 174 159	#ACAE9F
16.7%	16.7% #B5B7AA	RGB 181 183 170	#B5B7AA
33.3%	33.3% #BFC1B5	RGB 191 193 181	#BFC1B5
50.0%	50.0% #C8CAC1	RGB 200 202 193	#C8CAC1
66.7%	66.7% #D2D4CC	RGB 210 212 204	#D2D4CC
83.3%	83.3% #DBDDD7	RGB 219 221 215	#DBDDD7
100.0%	100.0% #E5E7E3	RGB 229 231 227	#E5E7E3

#ACAE9F #B5B7AA #BFC1B5 #C8CAC1 #D2D4CC #DBDDD7 #E5E7E3

#ACAE9F - #E5E7E3

Mezcla HSV

#ACAE9F - #E5E7E3 | 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 #ACAE9F como 0% y #E5E7E3 como 100%.

0.0%	0.0% #ACAE9F	RGB 172 174 159	#ACAE9F
16.7%	16.7% #B4B7A9	RGB 180 183 169	#B4B7A9
33.3%	33.3% #BDC1B4	RGB 189 193 180	#BDC1B4
50.0%	50.0% #C7CAC0	RGB 199 202 192	#C7CAC0
66.7%	66.7% #D0D4CB	RGB 208 212 203	#D0D4CB
83.3%	83.3% #DADDD7	RGB 218 221 215	#DADDD7
100.0%	100.0% #E5E7E3	RGB 229 231 227	#E5E7E3

#ACAE9F #B4B7A9 #BDC1B4 #C7CAC0 #D0D4CB #DADDD7 #E5E7E3

#ACAE9F - #C7CAC0 - #E5E7E3

Códigos CSS

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

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