#B6B5B5 - #FFEACF | 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 #B6B5B5 a #FFEACF

#B6B5B5 #FFEACF

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

#B6B5B5 - #FFEACF | 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 #B6B5B5 como 0% y #FFEACF como 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #C2BDB9	RGB 194 189 185	#C2BDB9
33.3%	33.3% #CEC6BD	RGB 206 198 189	#CEC6BD
50.0%	50.0% #DACFC2	RGB 218 207 194	#DACFC2
66.7%	66.7% #E6D8C6	RGB 230 216 198	#E6D8C6
83.3%	83.3% #F2E1CA	RGB 242 225 202	#F2E1CA
100.0%	100.0% #FFEACF	RGB 255 234 207	#FFEACF

#B6B5B5 #C2BDB9 #CEC6BD #DACFC2 #E6D8C6 #F2E1CA #FFEACF

#B6B5B5 - #FFEACF

Mezcla HSV

#B6B5B5 - #FFEACF | 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 #B6B5B5 como 0% y #FFEACF como 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #C2BBBB	RGB 194 187 187	#C2BBBB
33.3%	33.3% #CEC3C0	RGB 206 195 192	#CEC3C0
50.0%	50.0% #DACBC5	RGB 218 203 197	#DACBC5
66.7%	66.7% #E6D4C9	RGB 230 212 201	#E6D4C9
83.3%	83.3% #F2DECC	RGB 242 222 204	#F2DECC
100.0%	100.0% #FFEACF	RGB 255 234 207	#FFEACF

#B6B5B5 #C2BBBB #CEC3C0 #DACBC5 #E6D4C9 #F2DECC #FFEACF

#B6B5B5 - #DACBC5 - #FFEACF

Códigos CSS

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

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