#AFB5B6 - #E8E9EA | 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 #E8E9EA

#AFB5B6 #E8E9EA

Calcule el color entre dos colores, #AFB5B6 y #E8E9EA. 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 - #E8E9EA | 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 #E8E9EA como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B8BDBE	RGB 184 189 190	#B8BDBE
33.3%	33.3% #C2C6C7	RGB 194 198 199	#C2C6C7
50.0%	50.0% #CBCFD0	RGB 203 207 208	#CBCFD0
66.7%	66.7% #D5D7D8	RGB 213 215 216	#D5D7D8
83.3%	83.3% #DEE0E1	RGB 222 224 225	#DEE0E1
100.0%	100.0% #E8E9EA	RGB 232 233 234	#E8E9EA

#AFB5B6 #B8BDBE #C2C6C7 #CBCFD0 #D5D7D8 #DEE0E1 #E8E9EA

#AFB5B6 - #E8E9EA

Mezcla HSV

#AFB5B6 - #E8E9EA | 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 #E8E9EA como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B8BDBE	RGB 184 189 190	#B8BDBE
33.3%	33.3% #C1C5C7	RGB 193 197 199	#C1C5C7
50.0%	50.0% #CBCED0	RGB 203 206 208	#CBCED0
66.7%	66.7% #D4D7D8	RGB 212 215 216	#D4D7D8
83.3%	83.3% #DEDFE1	RGB 222 223 225	#DEDFE1
100.0%	100.0% #E8E9EA	RGB 232 233 234	#E8E9EA

#AFB5B6 #B8BDBE #C1C5C7 #CBCED0 #D4D7D8 #DEDFE1 #E8E9EA

#AFB5B6 - #CBCED0 - #E8E9EA

Códigos CSS

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

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