#CF7DDA - #CCAEE3 | 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 #CF7DDA to #CCAEE3

#CF7DDA #CCAEE3

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

#CF7DDA - #CCAEE3 | 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 #CF7DDA as 0% and #CCAEE3 as 100%.

0.0%	0.0% #CF7DDA	RGB 207 125 218	#CF7DDA
16.7%	16.7% #CE85DB	RGB 206 133 219	#CE85DB
33.3%	33.3% #CE8DDD	RGB 206 141 221	#CE8DDD
50.0%	50.0% #CD95DE	RGB 205 149 222	#CD95DE
66.7%	66.7% #CD9DE0	RGB 205 157 224	#CD9DE0
83.3%	83.3% #CCA5E1	RGB 204 165 225	#CCA5E1
100.0%	100.0% #CCAEE3	RGB 204 174 227	#CCAEE3

#CF7DDA #CE85DB #CE8DDD #CD95DE #CD9DE0 #CCA5E1 #CCAEE3

#CF7DDA - #CCAEE3

HSV Blend

#CF7DDA - #CCAEE3 | 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 #CF7DDA as 0% and #CCAEE3 as 100%.

0.0%	0.0% #CF7DDA	RGB 207 125 218	#CF7DDA
16.7%	16.7% #CC84DB	RGB 204 132 219	#CC84DB
33.3%	33.3% #CB8CDD	RGB 203 140 221	#CB8CDD
50.0%	50.0% #CA95DE	RGB 202 149 222	#CA95DE
66.7%	66.7% #CA9DE0	RGB 202 157 224	#CA9DE0
83.3%	83.3% #CAA5E1	RGB 202 165 225	#CAA5E1
100.0%	100.0% #CCAEE3	RGB 204 174 227	#CCAEE3

#CF7DDA #CC84DB #CB8CDD #CA95DE #CA9DE0 #CAA5E1 #CCAEE3

#CF7DDA - #CA95DE - #CCAEE3

CSS codes

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

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