#BDB2DB - #ECE9F4 | 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 #BDB2DB a #ECE9F4

#BDB2DB #ECE9F4

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

#BDB2DB - #ECE9F4 | 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 #BDB2DB como 0% y #ECE9F4 como 100%.

0.0%	0.0% #BDB2DB	RGB 189 178 219	#BDB2DB
16.7%	16.7% #C4BBDF	RGB 196 187 223	#C4BBDF
33.3%	33.3% #CCC4E3	RGB 204 196 227	#CCC4E3
50.0%	50.0% #D4CDE7	RGB 212 205 231	#D4CDE7
66.7%	66.7% #DCD6EB	RGB 220 214 235	#DCD6EB
83.3%	83.3% #E4DFEF	RGB 228 223 239	#E4DFEF
100.0%	100.0% #ECE9F4	RGB 236 233 244	#ECE9F4

#BDB2DB #C4BBDF #CCC4E3 #D4CDE7 #DCD6EB #E4DFEF #ECE9F4

#BDB2DB - #ECE9F4

Mezcla HSV

#BDB2DB - #ECE9F4 | 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 #BDB2DB como 0% y #ECE9F4 como 100%.

0.0%	0.0% #BDB2DB	RGB 189 178 219	#BDB2DB
16.7%	16.7% #C4BADF	RGB 196 186 223	#C4BADF
33.3%	33.3% #CCC3E3	RGB 204 195 227	#CCC3E3
50.0%	50.0% #D3CCE7	RGB 211 204 231	#D3CCE7
66.7%	66.7% #DBD5EB	RGB 219 213 235	#DBD5EB
83.3%	83.3% #E3DFEF	RGB 227 223 239	#E3DFEF
100.0%	100.0% #ECE9F4	RGB 236 233 244	#ECE9F4

#BDB2DB #C4BADF #CCC3E3 #D3CCE7 #DBD5EB #E3DFEF #ECE9F4

#BDB2DB - #D3CCE7 - #ECE9F4

Códigos CSS

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

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