#BDBFCD - #ECECF0 | 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 #BDBFCD a #ECECF0

#BDBFCD #ECECF0

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

#BDBFCD - #ECECF0 | 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 #BDBFCD como 0% y #ECECF0 como 100%.

0.0%	0.0% #BDBFCD	RGB 189 191 205	#BDBFCD
16.7%	16.7% #C4C6D2	RGB 196 198 210	#C4C6D2
33.3%	33.3% #CCCED8	RGB 204 206 216	#CCCED8
50.0%	50.0% #D4D5DE	RGB 212 213 222	#D4D5DE
66.7%	66.7% #DCDDE4	RGB 220 221 228	#DCDDE4
83.3%	83.3% #E4E4EA	RGB 228 228 234	#E4E4EA
100.0%	100.0% #ECECF0	RGB 236 236 240	#ECECF0

#BDBFCD #C4C6D2 #CCCED8 #D4D5DE #DCDDE4 #E4E4EA #ECECF0

#BDBFCD - #ECECF0

Mezcla HSV

#BDBFCD - #ECECF0 | 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 #BDBFCD como 0% y #ECECF0 como 100%.

0.0%	0.0% #BDBFCD	RGB 189 191 205	#BDBFCD
16.7%	16.7% #C4C6D2	RGB 196 198 210	#C4C6D2
33.3%	33.3% #CCCDD8	RGB 204 205 216	#CCCDD8
50.0%	50.0% #D3D4DE	RGB 211 212 222	#D3D4DE
66.7%	66.7% #DBDCE4	RGB 219 220 228	#DBDCE4
83.3%	83.3% #E3E3EA	RGB 227 227 234	#E3E3EA
100.0%	100.0% #ECECF0	RGB 236 236 240	#ECECF0

#BDBFCD #C4C6D2 #CCCDD8 #D3D4DE #DBDCE4 #E3E3EA #ECECF0

#BDBFCD - #D3D4DE - #ECECF0

Códigos CSS

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

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