#DFE5E9 - #8F9FB2 | 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 #DFE5E9 a #8F9FB2

#DFE5E9 #8F9FB2

Calcule el color entre dos colores, #DFE5E9 y #8F9FB2. 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)

#DFE5E9 - #8F9FB2 | 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 #DFE5E9 como 0% y #8F9FB2 como 100%.

0.0%	0.0% #DFE5E9	RGB 223 229 233	#DFE5E9
16.7%	16.7% #D1D9DF	RGB 209 217 223	#D1D9DF
33.3%	33.3% #C4CDD6	RGB 196 205 214	#C4CDD6
50.0%	50.0% #B7C2CD	RGB 183 194 205	#B7C2CD
66.7%	66.7% #A9B6C4	RGB 169 182 196	#A9B6C4
83.3%	83.3% #9CAABB	RGB 156 170 187	#9CAABB
100.0%	100.0% #8F9FB2	RGB 143 159 178	#8F9FB2

#DFE5E9 #D1D9DF #C4CDD6 #B7C2CD #A9B6C4 #9CAABB #8F9FB2

#DFE5E9 - #8F9FB2

Mezcla HSV

#DFE5E9 - #8F9FB2 | 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 #DFE5E9 como 0% y #8F9FB2 como 100%.

0.0%	0.0% #DFE5E9	RGB 223 229 233	#DFE5E9
16.7%	16.7% #D0D9DF	RGB 208 217 223	#D0D9DF
33.3%	33.3% #C2CDD6	RGB 194 205 214	#C2CDD6
50.0%	50.0% #B4C1CD	RGB 180 193 205	#B4C1CD
66.7%	66.7% #A7B6C4	RGB 167 182 196	#A7B6C4
83.3%	83.3% #9BAABB	RGB 155 170 187	#9BAABB
100.0%	100.0% #8F9FB2	RGB 143 159 178	#8F9FB2

#DFE5E9 #D0D9DF #C2CDD6 #B4C1CD #A7B6C4 #9BAABB #8F9FB2

#DFE5E9 - #B4C1CD - #8F9FB2

Códigos CSS

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

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