#CFB5E7 - #C6DDE7 | 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 #CFB5E7 to #C6DDE7

#CFB5E7 #C6DDE7

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

#CFB5E7 - #C6DDE7 | 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 #CFB5E7 as 0% and #C6DDE7 as 100%.

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #CDBBE7	RGB 205 187 231	#CDBBE7
33.3%	33.3% #CCC2E7	RGB 204 194 231	#CCC2E7
50.0%	50.0% #CAC9E7	RGB 202 201 231	#CAC9E7
66.7%	66.7% #C9CFE7	RGB 201 207 231	#C9CFE7
83.3%	83.3% #C7D6E7	RGB 199 214 231	#C7D6E7
100.0%	100.0% #C6DDE7	RGB 198 221 231	#C6DDE7

#CFB5E7 #CDBBE7 #CCC2E7 #CAC9E7 #C9CFE7 #C7D6E7 #C6DDE7

#CFB5E7 - #C6DDE7

HSV Blend

#CFB5E7 - #C6DDE7 | 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 #CFB5E7 as 0% and #C6DDE7 as 100%.

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #C6B7E7	RGB 198 183 231	#C6B7E7
33.3%	33.3% #BFBAE7	RGB 191 186 231	#BFBAE7
50.0%	50.0% #BDC1E7	RGB 189 193 231	#BDC1E7
66.7%	66.7% #C0CBE7	RGB 192 203 231	#C0CBE7
83.3%	83.3% #C3D4E7	RGB 195 212 231	#C3D4E7
100.0%	100.0% #C6DDE7	RGB 198 221 231	#C6DDE7

#CFB5E7 #C6B7E7 #BFBAE7 #BDC1E7 #C0CBE7 #C3D4E7 #C6DDE7

#CFB5E7 - #BDC1E7 - #C6DDE7

CSS codes

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

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