#DDB8FF - #C8C7F3 | 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 #DDB8FF to #C8C7F3

#DDB8FF #C8C7F3

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

#DDB8FF - #C8C7F3 | 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 #DDB8FF as 0% and #C8C7F3 as 100%.

0.0%	0.0% #DDB8FF	RGB 221 184 255	#DDB8FF
16.7%	16.7% #D9BAFD	RGB 217 186 253	#D9BAFD
33.3%	33.3% #D6BDFB	RGB 214 189 251	#D6BDFB
50.0%	50.0% #D2BFF9	RGB 210 191 249	#D2BFF9
66.7%	66.7% #CFC2F7	RGB 207 194 247	#CFC2F7
83.3%	83.3% #CBC4F5	RGB 203 196 245	#CBC4F5
100.0%	100.0% #C8C7F3	RGB 200 199 243	#C8C7F3

#DDB8FF #D9BAFD #D6BDFB #D2BFF9 #CFC2F7 #CBC4F5 #C8C7F3

#DDB8FF - #C8C7F3

HSV Blend

#DDB8FF - #C8C7F3 | 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 #DDB8FF as 0% and #C8C7F3 as 100%.

0.0%	0.0% #DDB8FF	RGB 221 184 255	#DDB8FF
16.7%	16.7% #D7BAFD	RGB 215 186 253	#D7BAFD
33.3%	33.3% #D3BDFB	RGB 211 189 251	#D3BDFB
50.0%	50.0% #CFBFF9	RGB 207 191 249	#CFBFF9
66.7%	66.7% #CCC2F7	RGB 204 194 247	#CCC2F7
83.3%	83.3% #C9C4F5	RGB 201 196 245	#C9C4F5
100.0%	100.0% #C8C7F3	RGB 200 199 243	#C8C7F3

#DDB8FF #D7BAFD #D3BDFB #CFBFF9 #CCC2F7 #C9C4F5 #C8C7F3

#DDB8FF - #CFBFF9 - #C8C7F3

CSS codes

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

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