#AFB0A8 - #EAE4C0 | 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 #AFB0A8 a #EAE4C0

#AFB0A8 #EAE4C0

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

#AFB0A8 - #EAE4C0 | 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 #AFB0A8 como 0% y #EAE4C0 como 100%.

0.0%	0.0% #AFB0A8	RGB 175 176 168	#AFB0A8
16.7%	16.7% #B8B8AC	RGB 184 184 172	#B8B8AC
33.3%	33.3% #C2C1B0	RGB 194 193 176	#C2C1B0
50.0%	50.0% #CCCAB4	RGB 204 202 180	#CCCAB4
66.7%	66.7% #D6D2B8	RGB 214 210 184	#D6D2B8
83.3%	83.3% #E0DBBC	RGB 224 219 188	#E0DBBC
100.0%	100.0% #EAE4C0	RGB 234 228 192	#EAE4C0

#AFB0A8 #B8B8AC #C2C1B0 #CCCAB4 #D6D2B8 #E0DBBC #EAE4C0

#AFB0A8 - #EAE4C0

Mezcla HSV

#AFB0A8 - #EAE4C0 | 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 #AFB0A8 como 0% y #EAE4C0 como 100%.

0.0%	0.0% #AFB0A8	RGB 175 176 168	#AFB0A8
16.7%	16.7% #B8B9AD	RGB 184 185 173	#B8B9AD
33.3%	33.3% #C2C3B1	RGB 194 195 177	#C2C3B1
50.0%	50.0% #CDCCB5	RGB 205 204 181	#CDCCB5
66.7%	66.7% #D6D5B9	RGB 214 213 185	#D6D5B9
83.3%	83.3% #E0DCBD	RGB 224 220 189	#E0DCBD
100.0%	100.0% #EAE4C0	RGB 234 228 192	#EAE4C0

#AFB0A8 #B8B9AD #C2C3B1 #CDCCB5 #D6D5B9 #E0DCBD #EAE4C0

#AFB0A8 - #CDCCB5 - #EAE4C0

Códigos CSS

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

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