#B7BEA8 - #EAECE6 | 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 #B7BEA8 a #EAECE6

#B7BEA8 #EAECE6

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

#B7BEA8 - #EAECE6 | 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 #B7BEA8 como 0% y #EAECE6 como 100%.

0.0%	0.0% #B7BEA8	RGB 183 190 168	#B7BEA8
16.7%	16.7% #BFC5B2	RGB 191 197 178	#BFC5B2
33.3%	33.3% #C8CDBC	RGB 200 205 188	#C8CDBC
50.0%	50.0% #D0D5C7	RGB 208 213 199	#D0D5C7
66.7%	66.7% #D9DCD1	RGB 217 220 209	#D9DCD1
83.3%	83.3% #E1E4DB	RGB 225 228 219	#E1E4DB
100.0%	100.0% #EAECE6	RGB 234 236 230	#EAECE6

#B7BEA8 #BFC5B2 #C8CDBC #D0D5C7 #D9DCD1 #E1E4DB #EAECE6

#B7BEA8 - #EAECE6

Mezcla HSV

#B7BEA8 - #EAECE6 | 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 #B7BEA8 como 0% y #EAECE6 como 100%.

0.0%	0.0% #B7BEA8	RGB 183 190 168	#B7BEA8
16.7%	16.7% #BFC5B1	RGB 191 197 177	#BFC5B1
33.3%	33.3% #C7CDBB	RGB 199 205 187	#C7CDBB
50.0%	50.0% #D0D5C5	RGB 208 213 197	#D0D5C5
66.7%	66.7% #D8DCD0	RGB 216 220 208	#D8DCD0
83.3%	83.3% #E1E4DB	RGB 225 228 219	#E1E4DB
100.0%	100.0% #EAECE6	RGB 234 236 230	#EAECE6

#B7BEA8 #BFC5B1 #C7CDBB #D0D5C5 #D8DCD0 #E1E4DB #EAECE6

#B7BEA8 - #D0D5C5 - #EAECE6

Códigos CSS

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

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