#C7ADDA - #DEE6DC | 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 #C7ADDA to #DEE6DC

#C7ADDA #DEE6DC

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

#C7ADDA - #DEE6DC | 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 #C7ADDA as 0% and #DEE6DC as 100%.

0.0%	0.0% #C7ADDA	RGB 199 173 218	#C7ADDA
16.7%	16.7% #CAB6DA	RGB 202 182 218	#CAB6DA
33.3%	33.3% #CEC0DA	RGB 206 192 218	#CEC0DA
50.0%	50.0% #D2C9DB	RGB 210 201 219	#D2C9DB
66.7%	66.7% #D6D3DB	RGB 214 211 219	#D6D3DB
83.3%	83.3% #DADCDB	RGB 218 220 219	#DADCDB
100.0%	100.0% #DEE6DC	RGB 222 230 220	#DEE6DC

#C7ADDA #CAB6DA #CEC0DA #D2C9DB #D6D3DB #DADCDB #DEE6DC

#C7ADDA - #DEE6DC

HSV Blend

#C7ADDA - #DEE6DC | 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 #C7ADDA as 0% and #DEE6DC as 100%.

0.0%	0.0% #C7ADDA	RGB 199 173 218	#C7ADDA
16.7%	16.7% #B9B4DC	RGB 185 180 220	#B9B4DC
33.3%	33.3% #BCC7DE	RGB 188 199 222	#BCC7DE
50.0%	50.0% #C4DAE0	RGB 196 218 224	#C4DAE0
66.7%	66.7% #CBE2DB	RGB 203 226 219	#CBE2DB
83.3%	83.3% #D3E4D8	RGB 211 228 216	#D3E4D8
100.0%	100.0% #DEE6DC	RGB 222 230 220	#DEE6DC

#C7ADDA #B9B4DC #BCC7DE #C4DAE0 #CBE2DB #D3E4D8 #DEE6DC

#C7ADDA - #C4DAE0 - #DEE6DC

CSS codes

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

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