#BFBDA3 - #ECECE4 | 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 #BFBDA3 a #ECECE4

#BFBDA3 #ECECE4

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

#BFBDA3 - #ECECE4 | 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 #BFBDA3 como 0% y #ECECE4 como 100%.

0.0%	0.0% #BFBDA3	RGB 191 189 163	#BFBDA3
16.7%	16.7% #C6C4AD	RGB 198 196 173	#C6C4AD
33.3%	33.3% #CECCB8	RGB 206 204 184	#CECCB8
50.0%	50.0% #D5D4C3	RGB 213 212 195	#D5D4C3
66.7%	66.7% #DDDCCE	RGB 221 220 206	#DDDCCE
83.3%	83.3% #E4E4D9	RGB 228 228 217	#E4E4D9
100.0%	100.0% #ECECE4	RGB 236 236 228	#ECECE4

#BFBDA3 #C6C4AD #CECCB8 #D5D4C3 #DDDCCE #E4E4D9 #ECECE4

#BFBDA3 - #ECECE4

Mezcla HSV

#BFBDA3 - #ECECE4 | 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 #BFBDA3 como 0% y #ECECE4 como 100%.

0.0%	0.0% #BFBDA3	RGB 191 189 163	#BFBDA3
16.7%	16.7% #C6C4AD	RGB 198 196 173	#C6C4AD
33.3%	33.3% #CECCB7	RGB 206 204 183	#CECCB7
50.0%	50.0% #D5D4C2	RGB 213 212 194	#D5D4C2
66.7%	66.7% #DDDCCD	RGB 221 220 205	#DDDCCD
83.3%	83.3% #E4E4D8	RGB 228 228 216	#E4E4D8
100.0%	100.0% #ECECE4	RGB 236 236 228	#ECECE4

#BFBDA3 #C6C4AD #CECCB7 #D5D4C2 #DDDCCD #E4E4D8 #ECECE4

#BFBDA3 - #D5D4C2 - #ECECE4

Códigos CSS

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

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