#DDD3E7 - #C9CAE8 | 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 #DDD3E7 to #C9CAE8

#DDD3E7 #C9CAE8

Calculate the color between two colors, #DDD3E7 and #C9CAE8. 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)

#DDD3E7 - #C9CAE8 | 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 #DDD3E7 as 0% and #C9CAE8 as 100%.

0.0%	0.0% #DDD3E7	RGB 221 211 231	#DDD3E7
16.7%	16.7% #D9D1E7	RGB 217 209 231	#D9D1E7
33.3%	33.3% #D6D0E7	RGB 214 208 231	#D6D0E7
50.0%	50.0% #D3CEE7	RGB 211 206 231	#D3CEE7
66.7%	66.7% #CFCDE7	RGB 207 205 231	#CFCDE7
83.3%	83.3% #CCCBE7	RGB 204 203 231	#CCCBE7
100.0%	100.0% #C9CAE8	RGB 201 202 232	#C9CAE8

#DDD3E7 #D9D1E7 #D6D0E7 #D3CEE7 #CFCDE7 #CCCBE7 #C9CAE8

#DDD3E7 - #C9CAE8

HSV Blend

#DDD3E7 - #C9CAE8 | 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 #DDD3E7 as 0% and #C9CAE8 as 100%.

0.0%	0.0% #DDD3E7	RGB 221 211 231	#DDD3E7
16.7%	16.7% #DAD1E7	RGB 218 209 231	#DAD1E7
33.3%	33.3% #D7CFE7	RGB 215 207 231	#D7CFE7
50.0%	50.0% #D3CEE7	RGB 211 206 231	#D3CEE7
66.7%	66.7% #D0CCE7	RGB 208 204 231	#D0CCE7
83.3%	83.3% #CCCAE7	RGB 204 202 231	#CCCAE7
100.0%	100.0% #C9CAE8	RGB 201 202 232	#C9CAE8

#DDD3E7 #DAD1E7 #D7CFE7 #D3CEE7 #D0CCE7 #CCCAE7 #C9CAE8

#DDD3E7 - #D3CEE7 - #C9CAE8

CSS codes

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

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