#C9B5D2 - #DBEBDC | 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 #C9B5D2 to #DBEBDC

#C9B5D2 #DBEBDC

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

#C9B5D2 - #DBEBDC | 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 #C9B5D2 as 0% and #DBEBDC as 100%.

0.0%	0.0% #C9B5D2	RGB 201 181 210	#C9B5D2
16.7%	16.7% #CCBED3	RGB 204 190 211	#CCBED3
33.3%	33.3% #CFC7D5	RGB 207 199 213	#CFC7D5
50.0%	50.0% #D2D0D7	RGB 210 208 215	#D2D0D7
66.7%	66.7% #D5D9D8	RGB 213 217 216	#D5D9D8
83.3%	83.3% #D8E2DA	RGB 216 226 218	#D8E2DA
100.0%	100.0% #DBEBDC	RGB 219 235 220	#DBEBDC

#C9B5D2 #CCBED3 #CFC7D5 #D2D0D7 #D5D9D8 #D8E2DA #DBEBDC

#C9B5D2 - #DBEBDC

HSV Blend

#C9B5D2 - #DBEBDC | 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 #C9B5D2 as 0% and #DBEBDC as 100%.

0.0%	0.0% #C9B5D2	RGB 201 181 210	#C9B5D2
16.7%	16.7% #C1BBD6	RGB 193 187 214	#C1BBD6
33.3%	33.3% #C1C5DA	RGB 193 197 218	#C1C5DA
50.0%	50.0% #C7D5DE	RGB 199 213 222	#C7D5DE
66.7%	66.7% #CDE2E1	RGB 205 226 225	#CDE2E1
83.3%	83.3% #D4E6DD	RGB 212 230 221	#D4E6DD
100.0%	100.0% #DBEBDC	RGB 219 235 220	#DBEBDC

#C9B5D2 #C1BBD6 #C1C5DA #C7D5DE #CDE2E1 #D4E6DD #DBEBDC

#C9B5D2 - #C7D5DE - #DBEBDC

CSS codes

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

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