#BABAC6 - #DFDBCB | 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 #BABAC6 a #DFDBCB

#BABAC6 #DFDBCB

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

#BABAC6 - #DFDBCB | 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 #BABAC6 como 0% y #DFDBCB como 100%.

0.0%	0.0% #BABAC6	RGB 186 186 198	#BABAC6
16.7%	16.7% #C0BFC6	RGB 192 191 198	#C0BFC6
33.3%	33.3% #C6C5C7	RGB 198 197 199	#C6C5C7
50.0%	50.0% #CCCAC8	RGB 204 202 200	#CCCAC8
66.7%	66.7% #D2D0C9	RGB 210 208 201	#D2D0C9
83.3%	83.3% #D8D5CA	RGB 216 213 202	#D8D5CA
100.0%	100.0% #DFDBCB	RGB 223 219 203	#DFDBCB

#BABAC6 #C0BFC6 #C6C5C7 #CCCAC8 #D2D0C9 #D8D5CA #DFDBCB

#BABAC6 - #DFDBCB

Mezcla HSV

#BABAC6 - #DFDBCB | 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 #BABAC6 como 0% y #DFDBCB como 100%.

0.0%	0.0% #BABAC6	RGB 186 186 198	#BABAC6
16.7%	16.7% #C3BCCA	RGB 195 188 202	#C3BCCA
33.3%	33.3% #CDBFCE	RGB 205 191 206	#CDBFCE
50.0%	50.0% #D2C2CC	RGB 210 194 204	#D2C2CC
66.7%	66.7% #D6C5C7	RGB 214 197 199	#D6C5C7
83.3%	83.3% #DACEC8	RGB 218 206 200	#DACEC8
100.0%	100.0% #DFDBCB	RGB 223 219 203	#DFDBCB

#BABAC6 #C3BCCA #CDBFCE #D2C2CC #D6C5C7 #DACEC8 #DFDBCB

#BABAC6 - #D2C2CC - #DFDBCB

Códigos CSS

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

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