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

#AFB5B6 #BFE8CF

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

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B1BDBA	RGB 177 189 186	#B1BDBA
33.3%	33.3% #B4C6BE	RGB 180 198 190	#B4C6BE
50.0%	50.0% #B7CEC2	RGB 183 206 194	#B7CEC2
66.7%	66.7% #B9D7C6	RGB 185 215 198	#B9D7C6
83.3%	83.3% #BCDFCA	RGB 188 223 202	#BCDFCA
100.0%	100.0% #BFE8CF	RGB 191 232 207	#BFE8CF

#AFB5B6 #B1BDBA #B4C6BE #B7CEC2 #B9D7C6 #BCDFCA #BFE8CF

#AFB5B6 - #BFE8CF

Mezcla HSV

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

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B2BEBE	RGB 178 190 190	#B2BEBE
33.3%	33.3% #B5C6C4	RGB 181 198 196	#B5C6C4
50.0%	50.0% #B8CFC9	RGB 184 207 201	#B8CFC9
66.7%	66.7% #BBD7CD	RGB 187 215 205	#BBD7CD
83.3%	83.3% #BDDFCF	RGB 189 223 207	#BDDFCF
100.0%	100.0% #BFE8CF	RGB 191 232 207	#BFE8CF

#AFB5B6 #B2BEBE #B5C6C4 #B8CFC9 #BBD7CD #BDDFCF #BFE8CF

#AFB5B6 - #B8CFC9 - #BFE8CF

Códigos CSS

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

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