#AFB0AB - #E9E4C2 | 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 #AFB0AB a #E9E4C2

#AFB0AB #E9E4C2

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

#AFB0AB - #E9E4C2 | 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 #AFB0AB como 0% y #E9E4C2 como 100%.

0.0%	0.0% #AFB0AB	RGB 175 176 171	#AFB0AB
16.7%	16.7% #B8B8AE	RGB 184 184 174	#B8B8AE
33.3%	33.3% #C2C1B2	RGB 194 193 178	#C2C1B2
50.0%	50.0% #CCCAB6	RGB 204 202 182	#CCCAB6
66.7%	66.7% #D5D2BA	RGB 213 210 186	#D5D2BA
83.3%	83.3% #DFDBBE	RGB 223 219 190	#DFDBBE
100.0%	100.0% #E9E4C2	RGB 233 228 194	#E9E4C2

#AFB0AB #B8B8AE #C2C1B2 #CCCAB6 #D5D2BA #DFDBBE #E9E4C2

#AFB0AB - #E9E4C2

Mezcla HSV

#AFB0AB - #E9E4C2 | 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 #AFB0AB como 0% y #E9E4C2 como 100%.

0.0%	0.0% #AFB0AB	RGB 175 176 171	#AFB0AB
16.7%	16.7% #B8B9AF	RGB 184 185 175	#B8B9AF
33.3%	33.3% #C1C3B4	RGB 193 195 180	#C1C3B4
50.0%	50.0% #CBCCB8	RGB 203 204 184	#CBCCB8
66.7%	66.7% #D6D5BC	RGB 214 213 188	#D6D5BC
83.3%	83.3% #DFDDBF	RGB 223 221 191	#DFDDBF
100.0%	100.0% #E9E4C2	RGB 233 228 194	#E9E4C2

#AFB0AB #B8B9AF #C1C3B4 #CBCCB8 #D6D5BC #DFDDBF #E9E4C2

#AFB0AB - #CBCCB8 - #E9E4C2

Códigos CSS

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

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