#DBDDE2 - #8498A8 | 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 #DBDDE2 a #8498A8

#DBDDE2 #8498A8

Calcule el color entre dos colores, #DBDDE2 y #8498A8. 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)

#DBDDE2 - #8498A8 | 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 #DBDDE2 como 0% y #8498A8 como 100%.

0.0%	0.0% #DBDDE2	RGB 219 221 226	#DBDDE2
16.7%	16.7% #CCD1D8	RGB 204 209 216	#CCD1D8
33.3%	33.3% #BEC6CE	RGB 190 198 206	#BEC6CE
50.0%	50.0% #AFBAC5	RGB 175 186 197	#AFBAC5
66.7%	66.7% #A1AFBB	RGB 161 175 187	#A1AFBB
83.3%	83.3% #92A3B1	RGB 146 163 177	#92A3B1
100.0%	100.0% #8498A8	RGB 132 152 168	#8498A8

#DBDDE2 #CCD1D8 #BEC6CE #AFBAC5 #A1AFBB #92A3B1 #8498A8

#DBDDE2 - #8498A8

Mezcla HSV

#DBDDE2 - #8498A8 | 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 #DBDDE2 como 0% y #8498A8 como 100%.

0.0%	0.0% #DBDDE2	RGB 219 221 226	#DBDDE2
16.7%	16.7% #CBCFD8	RGB 203 207 216	#CBCFD8
33.3%	33.3% #BBC2CE	RGB 187 194 206	#BBC2CE
50.0%	50.0% #ACB7C5	RGB 172 183 197	#ACB7C5
66.7%	66.7% #9EABBB	RGB 158 171 187	#9EABBB
83.3%	83.3% #91A1B1	RGB 145 161 177	#91A1B1
100.0%	100.0% #8498A8	RGB 132 152 168	#8498A8

#DBDDE2 #CBCFD8 #BBC2CE #ACB7C5 #9EABBB #91A1B1 #8498A8

#DBDDE2 - #ACB7C5 - #8498A8

Códigos CSS

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

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