#B9BBC9 - #DFDCCE | 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 #B9BBC9 a #DFDCCE

#B9BBC9 #DFDCCE

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

#B9BBC9 - #DFDCCE | 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 #B9BBC9 como 0% y #DFDCCE como 100%.

0.0%	0.0% #B9BBC9	RGB 185 187 201	#B9BBC9
16.7%	16.7% #BFC0C9	RGB 191 192 201	#BFC0C9
33.3%	33.3% #C5C6CA	RGB 197 198 202	#C5C6CA
50.0%	50.0% #CCCBCB	RGB 204 203 203	#CCCBCB
66.7%	66.7% #D2D1CC	RGB 210 209 204	#D2D1CC
83.3%	83.3% #D8D6CD	RGB 216 214 205	#D8D6CD
100.0%	100.0% #DFDCCE	RGB 223 220 206	#DFDCCE

#B9BBC9 #BFC0C9 #C5C6CA #CCCBCB #D2D1CC #D8D6CD #DFDCCE

#B9BBC9 - #DFDCCE

Mezcla HSV

#B9BBC9 - #DFDCCE | 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 #B9BBC9 como 0% y #DFDCCE como 100%.

0.0%	0.0% #B9BBC9	RGB 185 187 201	#B9BBC9
16.7%	16.7% #C2BCCC	RGB 194 188 204	#C2BCCC
33.3%	33.3% #CEBFD0	RGB 206 191 208	#CEBFD0
50.0%	50.0% #D4C3CE	RGB 212 195 206	#D4C3CE
66.7%	66.7% #D7C6C9	RGB 215 198 201	#D7C6C9
83.3%	83.3% #DBD0CA	RGB 219 208 202	#DBD0CA
100.0%	100.0% #DFDCCE	RGB 223 220 206	#DFDCCE

#B9BBC9 #C2BCCC #CEBFD0 #D4C3CE #D7C6C9 #DBD0CA #DFDCCE

#B9BBC9 - #D4C3CE - #DFDCCE

Códigos CSS

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

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