#DDE2EB - #879DB5 | 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 #DDE2EB to #879DB5

#DDE2EB #879DB5

Calculate the color between two colors, #DDE2EB and #879DB5. 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)

#DDE2EB - #879DB5 | 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 #DDE2EB as 0% and #879DB5 as 100%.

0.0%	0.0% #DDE2EB	RGB 221 226 235	#DDE2EB
16.7%	16.7% #CED6E2	RGB 206 214 226	#CED6E2
33.3%	33.3% #C0CBD9	RGB 192 203 217	#C0CBD9
50.0%	50.0% #B2BFD0	RGB 178 191 208	#B2BFD0
66.7%	66.7% #A3B4C7	RGB 163 180 199	#A3B4C7
83.3%	83.3% #95A8BE	RGB 149 168 190	#95A8BE
100.0%	100.0% #879DB5	RGB 135 157 181	#879DB5

#DDE2EB #CED6E2 #C0CBD9 #B2BFD0 #A3B4C7 #95A8BE #879DB5

#DDE2EB - #879DB5

HSV Blend

#DDE2EB - #879DB5 | 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 #DDE2EB as 0% and #879DB5 as 100%.

0.0%	0.0% #DDE2EB	RGB 221 226 235	#DDE2EB
16.7%	16.7% #CDD5E2	RGB 205 213 226	#CDD5E2
33.3%	33.3% #BDC8D9	RGB 189 200 217	#BDC8D9
50.0%	50.0% #AFBDD0	RGB 175 189 208	#AFBDD0
66.7%	66.7% #A1B1C7	RGB 161 177 199	#A1B1C7
83.3%	83.3% #93A7BE	RGB 147 167 190	#93A7BE
100.0%	100.0% #879DB5	RGB 135 157 181	#879DB5

#DDE2EB #CDD5E2 #BDC8D9 #AFBDD0 #A1B1C7 #93A7BE #879DB5

#DDE2EB - #AFBDD0 - #879DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDE2EB 0%, #AFBDD0 50%, #879DB5 100%);
    background: -webkit-linear-gradient(top, #DDE2EB 0%, #AFBDD0 50%, #879DB5 100%);
    background: linear-gradient(to bottom, #DDE2EB 0%, #AFBDD0 50%, #879DB5 100%);
}
</style>