#BDBEB8 - #EAEBCD | 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 #BDBEB8 a #EAEBCD

#BDBEB8 #EAEBCD

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

#BDBEB8 - #EAEBCD | 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 #BDBEB8 como 0% y #EAEBCD como 100%.

0.0%	0.0% #BDBEB8	RGB 189 190 184	#BDBEB8
16.7%	16.7% #C4C5BB	RGB 196 197 187	#C4C5BB
33.3%	33.3% #CCCDBF	RGB 204 205 191	#CCCDBF
50.0%	50.0% #D3D4C2	RGB 211 212 194	#D3D4C2
66.7%	66.7% #DBDCC6	RGB 219 220 198	#DBDCC6
83.3%	83.3% #E2E3C9	RGB 226 227 201	#E2E3C9
100.0%	100.0% #EAEBCD	RGB 234 235 205	#EAEBCD

#BDBEB8 #C4C5BB #CCCDBF #D3D4C2 #DBDCC6 #E2E3C9 #EAEBCD

#BDBEB8 - #EAEBCD

Mezcla HSV

#BDBEB8 - #EAEBCD | 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 #BDBEB8 como 0% y #EAEBCD como 100%.

0.0%	0.0% #BDBEB8	RGB 189 190 184	#BDBEB8
16.7%	16.7% #C4C5BC	RGB 196 197 188	#C4C5BC
33.3%	33.3% #CBCDBF	RGB 203 205 191	#CBCDBF
50.0%	50.0% #D2D4C3	RGB 210 212 195	#D2D4C3
66.7%	66.7% #DADCC6	RGB 218 220 198	#DADCC6
83.3%	83.3% #E2E3CA	RGB 226 227 202	#E2E3CA
100.0%	100.0% #EAEBCD	RGB 234 235 205	#EAEBCD

#BDBEB8 #C4C5BC #CBCDBF #D2D4C3 #DADCC6 #E2E3CA #EAEBCD

#BDBEB8 - #D2D4C3 - #EAEBCD

Códigos CSS

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

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