#CC6FD1 - #67078A | 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 #CC6FD1 to #67078A

#CC6FD1 #67078A

Calculate the color between two colors, #CC6FD1 and #67078A. 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)

#CC6FD1 - #67078A | 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 #CC6FD1 as 0% and #67078A as 100%.

0.0%	0.0% #CC6FD1	RGB 204 111 209	#CC6FD1
16.7%	16.7% #BB5DC5	RGB 187 93 197	#BB5DC5
33.3%	33.3% #AA4CB9	RGB 170 76 185	#AA4CB9
50.0%	50.0% #993BAD	RGB 153 59 173	#993BAD
66.7%	66.7% #8829A1	RGB 136 41 161	#8829A1
83.3%	83.3% #771895	RGB 119 24 149	#771895
100.0%	100.0% #67078A	RGB 103 7 138	#67078A

#CC6FD1 #BB5DC5 #AA4CB9 #993BAD #8829A1 #771895 #67078A

#CC6FD1 - #67078A

HSV Blend

#CC6FD1 - #67078A | 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 #CC6FD1 as 0% and #67078A as 100%.

0.0%	0.0% #CC6FD1	RGB 204 111 209	#CC6FD1
16.7%	16.7% #BB58C5	RGB 187 88 197	#BB58C5
33.3%	33.3% #AA44B9	RGB 170 68 185	#AA44B9
50.0%	50.0% #9932AD	RGB 153 50 173	#9932AD
66.7%	66.7% #8822A1	RGB 136 34 161	#8822A1
83.3%	83.3% #771395	RGB 119 19 149	#771395
100.0%	100.0% #67078A	RGB 103 7 138	#67078A

#CC6FD1 #BB58C5 #AA44B9 #9932AD #8822A1 #771395 #67078A

#CC6FD1 - #9932AD - #67078A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC6FD1 0%, #9932AD 50%, #67078A 100%);
    background: -webkit-linear-gradient(top, #CC6FD1 0%, #9932AD 50%, #67078A 100%);
    background: linear-gradient(to bottom, #CC6FD1 0%, #9932AD 50%, #67078A 100%);
}
</style>