#DBDBE2 - #7E99A8 | 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 #DBDBE2 a #7E99A8

#DBDBE2 #7E99A8

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

#DBDBE2 - #7E99A8 | 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 #DBDBE2 como 0% y #7E99A8 como 100%.

0.0%	0.0% #DBDBE2	RGB 219 219 226	#DBDBE2
16.7%	16.7% #CBD0D8	RGB 203 208 216	#CBD0D8
33.3%	33.3% #BCC5CE	RGB 188 197 206	#BCC5CE
50.0%	50.0% #ACBAC5	RGB 172 186 197	#ACBAC5
66.7%	66.7% #9DAFBB	RGB 157 175 187	#9DAFBB
83.3%	83.3% #8DA4B1	RGB 141 164 177	#8DA4B1
100.0%	100.0% #7E99A8	RGB 126 153 168	#7E99A8

#DBDBE2 #CBD0D8 #BCC5CE #ACBAC5 #9DAFBB #8DA4B1 #7E99A8

#DBDBE2 - #7E99A8

Mezcla HSV

#DBDBE2 - #7E99A8 | 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 #DBDBE2 como 0% y #7E99A8 como 100%.

0.0%	0.0% #DBDBE2	RGB 219 219 226	#DBDBE2
16.7%	16.7% #C9CBD8	RGB 201 203 216	#C9CBD8
33.3%	33.3% #B9BDCE	RGB 185 189 206	#B9BDCE
50.0%	50.0% #A9B2C5	RGB 169 178 197	#A9B2C5
66.7%	66.7% #9AA8BB	RGB 154 168 187	#9AA8BB
83.3%	83.3% #8BA0B1	RGB 139 160 177	#8BA0B1
100.0%	100.0% #7E99A8	RGB 126 153 168	#7E99A8

#DBDBE2 #C9CBD8 #B9BDCE #A9B2C5 #9AA8BB #8BA0B1 #7E99A8

#DBDBE2 - #A9B2C5 - #7E99A8

Códigos CSS

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

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