#BDB79C - #ECEAE2 | 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 #BDB79C a #ECEAE2

#BDB79C #ECEAE2

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

#BDB79C - #ECEAE2 | 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 #BDB79C como 0% y #ECEAE2 como 100%.

0.0%	0.0% #BDB79C	RGB 189 183 156	#BDB79C
16.7%	16.7% #C4BFA7	RGB 196 191 167	#C4BFA7
33.3%	33.3% #CCC8B3	RGB 204 200 179	#CCC8B3
50.0%	50.0% #D4D0BF	RGB 212 208 191	#D4D0BF
66.7%	66.7% #DCD9CA	RGB 220 217 202	#DCD9CA
83.3%	83.3% #E4E1D6	RGB 228 225 214	#E4E1D6
100.0%	100.0% #ECEAE2	RGB 236 234 226	#ECEAE2

#BDB79C #C4BFA7 #CCC8B3 #D4D0BF #DCD9CA #E4E1D6 #ECEAE2

#BDB79C - #ECEAE2

Mezcla HSV

#BDB79C - #ECEAE2 | 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 #BDB79C como 0% y #ECEAE2 como 100%.

0.0%	0.0% #BDB79C	RGB 189 183 156	#BDB79C
16.7%	16.7% #C4BFA6	RGB 196 191 166	#C4BFA6
33.3%	33.3% #CCC7B1	RGB 204 199 177	#CCC7B1
50.0%	50.0% #D4D0BD	RGB 212 208 189	#D4D0BD
66.7%	66.7% #DCD8C9	RGB 220 216 201	#DCD8C9
83.3%	83.3% #E4E1D5	RGB 228 225 213	#E4E1D5
100.0%	100.0% #ECEAE2	RGB 236 234 226	#ECEAE2

#BDB79C #C4BFA6 #CCC7B1 #D4D0BD #DCD8C9 #E4E1D5 #ECEAE2

#BDB79C - #D4D0BD - #ECEAE2

Códigos CSS

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

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