#DDDEE3 - #849BA9 | 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 #DDDEE3 a #849BA9

#DDDEE3 #849BA9

Calcule el color entre dos colores, #DDDEE3 y #849BA9. 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)

#DDDEE3 - #849BA9 | 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 #DDDEE3 como 0% y #849BA9 como 100%.

0.0%	0.0% #DDDEE3	RGB 221 222 227	#DDDEE3
16.7%	16.7% #CED2D9	RGB 206 210 217	#CED2D9
33.3%	33.3% #BFC7CF	RGB 191 199 207	#BFC7CF
50.0%	50.0% #B0BCC6	RGB 176 188 198	#B0BCC6
66.7%	66.7% #A1B1BC	RGB 161 177 188	#A1B1BC
83.3%	83.3% #92A6B2	RGB 146 166 178	#92A6B2
100.0%	100.0% #849BA9	RGB 132 155 169	#849BA9

#DDDEE3 #CED2D9 #BFC7CF #B0BCC6 #A1B1BC #92A6B2 #849BA9

#DDDEE3 - #849BA9

Mezcla HSV

#DDDEE3 - #849BA9 | 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 #DDDEE3 como 0% y #849BA9 como 100%.

0.0%	0.0% #DDDEE3	RGB 221 222 227	#DDDEE3
16.7%	16.7% #CCCFD9	RGB 204 207 217	#CCCFD9
33.3%	33.3% #BCC2CF	RGB 188 194 207	#BCC2CF
50.0%	50.0% #ADB7C6	RGB 173 183 198	#ADB7C6
66.7%	66.7% #9FACBC	RGB 159 172 188	#9FACBC
83.3%	83.3% #91A3B2	RGB 145 163 178	#91A3B2
100.0%	100.0% #849BA9	RGB 132 155 169	#849BA9

#DDDEE3 #CCCFD9 #BCC2CF #ADB7C6 #9FACBC #91A3B2 #849BA9

#DDDEE3 - #ADB7C6 - #849BA9

Códigos CSS

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

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