#AFB5B6 - #E9DDCA | 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 #AFB5B6 a #E9DDCA

#AFB5B6 #E9DDCA

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

#AFB5B6 - #E9DDCA | 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 #AFB5B6 como 0% y #E9DDCA como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B8BBB9	RGB 184 187 185	#B8BBB9
33.3%	33.3% #C2C2BC	RGB 194 194 188	#C2C2BC
50.0%	50.0% #CCC9C0	RGB 204 201 192	#CCC9C0
66.7%	66.7% #D5CFC3	RGB 213 207 195	#D5CFC3
83.3%	83.3% #DFD6C6	RGB 223 214 198	#DFD6C6
100.0%	100.0% #E9DDCA	RGB 233 221 202	#E9DDCA

#AFB5B6 #B8BBB9 #C2C2BC #CCC9C0 #D5CFC3 #DFD6C6 #E9DDCA

#AFB5B6 - #E9DDCA

Mezcla HSV

#AFB5B6 - #E9DDCA | 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 #AFB5B6 como 0% y #E9DDCA como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B4BEBB	RGB 180 190 187	#B4BEBB
33.3%	33.3% #B9C7BD	RGB 185 199 189	#B9C7BD
50.0%	50.0% #BFCFBD	RGB 191 207 189	#BFCFBD
66.7%	66.7% #CDD8C2	RGB 205 216 194	#CDD8C2
83.3%	83.3% #DFE0C6	RGB 223 224 198	#DFE0C6
100.0%	100.0% #E9DDCA	RGB 233 221 202	#E9DDCA

#AFB5B6 #B4BEBB #B9C7BD #BFCFBD #CDD8C2 #DFE0C6 #E9DDCA

#AFB5B6 - #BFCFBD - #E9DDCA

Códigos CSS

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

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