#CC6DC8 - #A8CDE8 | 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 #CC6DC8 to #A8CDE8

#CC6DC8 #A8CDE8

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

#CC6DC8 - #A8CDE8 | 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 #CC6DC8 as 0% and #A8CDE8 as 100%.

0.0%	0.0% #CC6DC8	RGB 204 109 200	#CC6DC8
16.7%	16.7% #C67DCD	RGB 198 125 205	#C67DCD
33.3%	33.3% #C08DD2	RGB 192 141 210	#C08DD2
50.0%	50.0% #BA9DD8	RGB 186 157 216	#BA9DD8
66.7%	66.7% #B4ADDD	RGB 180 173 221	#B4ADDD
83.3%	83.3% #AEBDE2	RGB 174 189 226	#AEBDE2
100.0%	100.0% #A8CDE8	RGB 168 205 232	#A8CDE8

#CC6DC8 #C67DCD #C08DD2 #BA9DD8 #B4ADDD #AEBDE2 #A8CDE8

#CC6DC8 - #A8CDE8

HSV Blend

#CC6DC8 - #A8CDE8 | 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 #CC6DC8 as 0% and #A8CDE8 as 100%.

0.0%	0.0% #CC6DC8	RGB 204 109 200	#CC6DC8
16.7%	16.7% #BC76D0	RGB 188 118 208	#BC76D0
33.3%	33.3% #AA7FD5	RGB 170 127 213	#AA7FD5
50.0%	50.0% #9B89DA	RGB 155 137 218	#9B89DA
66.7%	66.7% #9396DE	RGB 147 150 222	#9396DE
83.3%	83.3% #9DB2E3	RGB 157 178 227	#9DB2E3
100.0%	100.0% #A8CDE8	RGB 168 205 232	#A8CDE8

#CC6DC8 #BC76D0 #AA7FD5 #9B89DA #9396DE #9DB2E3 #A8CDE8

#CC6DC8 - #9B89DA - #A8CDE8

CSS codes

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

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