#BBC3B4 - #ECE9C4 | 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 #BBC3B4 a #ECE9C4

#BBC3B4 #ECE9C4

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

#BBC3B4 - #ECE9C4 | 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 #BBC3B4 como 0% y #ECE9C4 como 100%.

0.0%	0.0% #BBC3B4	RGB 187 195 180	#BBC3B4
16.7%	16.7% #C3C9B6	RGB 195 201 182	#C3C9B6
33.3%	33.3% #CBCFB9	RGB 203 207 185	#CBCFB9
50.0%	50.0% #D3D6BC	RGB 211 214 188	#D3D6BC
66.7%	66.7% #DBDCBE	RGB 219 220 190	#DBDCBE
83.3%	83.3% #E3E2C1	RGB 227 226 193	#E3E2C1
100.0%	100.0% #ECE9C4	RGB 236 233 196	#ECE9C4

#BBC3B4 #C3C9B6 #CBCFB9 #D3D6BC #DBDCBE #E3E2C1 #ECE9C4

#BBC3B4 - #ECE9C4

Mezcla HSV

#BBC3B4 - #ECE9C4 | 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 #BBC3B4 como 0% y #ECE9C4 como 100%.

0.0%	0.0% #BBC3B4	RGB 187 195 180	#BBC3B4
16.7%	16.7% #C1C9B7	RGB 193 201 183	#C1C9B7
33.3%	33.3% #C9D0BA	RGB 201 208 186	#C9D0BA
50.0%	50.0% #D1D7BC	RGB 209 215 188	#D1D7BC
66.7%	66.7% #DADEBF	RGB 218 222 191	#DADEBF
83.3%	83.3% #E4E5C1	RGB 228 229 193	#E4E5C1
100.0%	100.0% #ECE9C4	RGB 236 233 196	#ECE9C4

#BBC3B4 #C1C9B7 #C9D0BA #D1D7BC #DADEBF #E4E5C1 #ECE9C4

#BBC3B4 - #D1D7BC - #ECE9C4

Códigos CSS

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

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