#B6BDA7 - #EAECE5 | 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 #B6BDA7 a #EAECE5

#B6BDA7 #EAECE5

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

#B6BDA7 - #EAECE5 | 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 #B6BDA7 como 0% y #EAECE5 como 100%.

0.0%	0.0% #B6BDA7	RGB 182 189 167	#B6BDA7
16.7%	16.7% #BEC4B1	RGB 190 196 177	#BEC4B1
33.3%	33.3% #C7CCBB	RGB 199 204 187	#C7CCBB
50.0%	50.0% #D0D4C6	RGB 208 212 198	#D0D4C6
66.7%	66.7% #D8DCD0	RGB 216 220 208	#D8DCD0
83.3%	83.3% #E1E4DA	RGB 225 228 218	#E1E4DA
100.0%	100.0% #EAECE5	RGB 234 236 229	#EAECE5

#B6BDA7 #BEC4B1 #C7CCBB #D0D4C6 #D8DCD0 #E1E4DA #EAECE5

#B6BDA7 - #EAECE5

Mezcla HSV

#B6BDA7 - #EAECE5 | 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 #B6BDA7 como 0% y #EAECE5 como 100%.

0.0%	0.0% #B6BDA7	RGB 182 189 167	#B6BDA7
16.7%	16.7% #BEC4B0	RGB 190 196 176	#BEC4B0
33.3%	33.3% #C7CCBA	RGB 199 204 186	#C7CCBA
50.0%	50.0% #CFD4C4	RGB 207 212 196	#CFD4C4
66.7%	66.7% #D8DCCF	RGB 216 220 207	#D8DCCF
83.3%	83.3% #E1E4DA	RGB 225 228 218	#E1E4DA
100.0%	100.0% #EAECE5	RGB 234 236 229	#EAECE5

#B6BDA7 #BEC4B0 #C7CCBA #CFD4C4 #D8DCCF #E1E4DA #EAECE5

#B6BDA7 - #CFD4C4 - #EAECE5

Códigos CSS

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

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