#C7BBD7 - #DCE3DB | 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 #C7BBD7 to #DCE3DB

#C7BBD7 #DCE3DB

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

#C7BBD7 - #DCE3DB | 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 #C7BBD7 as 0% and #DCE3DB as 100%.

0.0%	0.0% #C7BBD7	RGB 199 187 215	#C7BBD7
16.7%	16.7% #CAC1D7	RGB 202 193 215	#CAC1D7
33.3%	33.3% #CEC8D8	RGB 206 200 216	#CEC8D8
50.0%	50.0% #D1CFD9	RGB 209 207 217	#D1CFD9
66.7%	66.7% #D5D5D9	RGB 213 213 217	#D5D5D9
83.3%	83.3% #D8DCDA	RGB 216 220 218	#D8DCDA
100.0%	100.0% #DCE3DB	RGB 220 227 219	#DCE3DB

#C7BBD7 #CAC1D7 #CEC8D8 #D1CFD9 #D5D5D9 #D8DCDA #DCE3DB

#C7BBD7 - #DCE3DB

HSV Blend

#C7BBD7 - #DCE3DB | 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 #C7BBD7 as 0% and #DCE3DB as 100%.

0.0%	0.0% #C7BBD7	RGB 199 187 215	#C7BBD7
16.7%	16.7% #C0C0D9	RGB 192 192 217	#C0C0D9
33.3%	33.3% #C5CEDB	RGB 197 206 219	#C5CEDB
50.0%	50.0% #CADADD	RGB 202 218 221	#CADADD
66.7%	66.7% #D0DFDA	RGB 208 223 218	#D0DFDA
83.3%	83.3% #D5E1D8	RGB 213 225 216	#D5E1D8
100.0%	100.0% #DCE3DB	RGB 220 227 219	#DCE3DB

#C7BBD7 #C0C0D9 #C5CEDB #CADADD #D0DFDA #D5E1D8 #DCE3DB

#C7BBD7 - #CADADD - #DCE3DB

CSS codes

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

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