#DBDCDF - #8F9FCB | 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 #DBDCDF a #8F9FCB

#DBDCDF #8F9FCB

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

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

0.0%	0.0% #DBDCDF	RGB 219 220 223	#DBDCDF
16.7%	16.7% #CED1DB	RGB 206 209 219	#CED1DB
33.3%	33.3% #C1C7D8	RGB 193 199 216	#C1C7D8
50.0%	50.0% #B5BDD5	RGB 181 189 213	#B5BDD5
66.7%	66.7% #A8B3D1	RGB 168 179 209	#A8B3D1
83.3%	83.3% #9BA9CE	RGB 155 169 206	#9BA9CE
100.0%	100.0% #8F9FCB	RGB 143 159 203	#8F9FCB

#DBDCDF #CED1DB #C1C7D8 #B5BDD5 #A8B3D1 #9BA9CE #8F9FCB

#DBDCDF - #8F9FCB

Mezcla HSV

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

0.0%	0.0% #DBDCDF	RGB 219 220 223	#DBDCDF
16.7%	16.7% #CDD1DB	RGB 205 209 219	#CDD1DB
33.3%	33.3% #C0C6D8	RGB 192 198 216	#C0C6D8
50.0%	50.0% #B3BCD5	RGB 179 188 213	#B3BCD5
66.7%	66.7% #A7B2D1	RGB 167 178 209	#A7B2D1
83.3%	83.3% #9AA8CE	RGB 154 168 206	#9AA8CE
100.0%	100.0% #8F9FCB	RGB 143 159 203	#8F9FCB

#DBDCDF #CDD1DB #C0C6D8 #B3BCD5 #A7B2D1 #9AA8CE #8F9FCB

#DBDCDF - #B3BCD5 - #8F9FCB

Códigos CSS

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

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