#B5BAAC - #ECE7C0 | 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 #B5BAAC a #ECE7C0

#B5BAAC #ECE7C0

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

#B5BAAC - #ECE7C0 | 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 #B5BAAC como 0% y #ECE7C0 como 100%.

0.0%	0.0% #B5BAAC	RGB 181 186 172	#B5BAAC
16.7%	16.7% #BEC1AF	RGB 190 193 175	#BEC1AF
33.3%	33.3% #C7C9B2	RGB 199 201 178	#C7C9B2
50.0%	50.0% #D0D0B6	RGB 208 208 182	#D0D0B6
66.7%	66.7% #D9D8B9	RGB 217 216 185	#D9D8B9
83.3%	83.3% #E2DFBC	RGB 226 223 188	#E2DFBC
100.0%	100.0% #ECE7C0	RGB 236 231 192	#ECE7C0

#B5BAAC #BEC1AF #C7C9B2 #D0D0B6 #D9D8B9 #E2DFBC #ECE7C0

#B5BAAC - #ECE7C0

Mezcla HSV

#B5BAAC - #ECE7C0 | 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 #B5BAAC como 0% y #ECE7C0 como 100%.

0.0%	0.0% #B5BAAC	RGB 181 186 172	#B5BAAC
16.7%	16.7% #BDC2B0	RGB 189 194 176	#BDC2B0
33.3%	33.3% #C6CAB3	RGB 198 202 179	#C6CAB3
50.0%	50.0% #CFD3B7	RGB 207 211 183	#CFD3B7
66.7%	66.7% #D9DBBA	RGB 217 219 186	#D9DBBA
83.3%	83.3% #E3E2BD	RGB 227 226 189	#E3E2BD
100.0%	100.0% #ECE7C0	RGB 236 231 192	#ECE7C0

#B5BAAC #BDC2B0 #C6CAB3 #CFD3B7 #D9DBBA #E3E2BD #ECE7C0

#B5BAAC - #CFD3B7 - #ECE7C0

Códigos CSS

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

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