#DDDEE3 - #849BA9 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DDDEE3 to #849BA9

#DDDEE3 #849BA9

Calculate the color between two colors, #DDDEE3 and #849BA9. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DDDEE3 - #849BA9 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DDDEE3 as 0% and #849BA9 as 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

HSV Blend

#DDDEE3 - #849BA9 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DDDEE3 as 0% and #849BA9 as 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

CSS codes

<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>