#CC6DDF - #67009C | 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 #CC6DDF to #67009C

#CC6DDF #67009C

Calculate the color between two colors, #CC6DDF and #67009C. 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)

#CC6DDF - #67009C | 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 #CC6DDF as 0% and #67009C as 100%.

0.0%	0.0% #CC6DDF	RGB 204 109 223	#CC6DDF
16.7%	16.7% #BB5AD3	RGB 187 90 211	#BB5AD3
33.3%	33.3% #AA48C8	RGB 170 72 200	#AA48C8
50.0%	50.0% #9936BD	RGB 153 54 189	#9936BD
66.7%	66.7% #8824B2	RGB 136 36 178	#8824B2
83.3%	83.3% #7712A7	RGB 119 18 167	#7712A7
100.0%	100.0% #67009C	RGB 103 0 156	#67009C

#CC6DDF #BB5AD3 #AA48C8 #9936BD #8824B2 #7712A7 #67009C

#CC6DDF - #67009C

HSV Blend

#CC6DDF - #67009C | 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 #CC6DDF as 0% and #67009C as 100%.

0.0%	0.0% #CC6DDF	RGB 204 109 223	#CC6DDF
16.7%	16.7% #BB56D3	RGB 187 86 211	#BB56D3
33.3%	33.3% #AA41C8	RGB 170 65 200	#AA41C8
50.0%	50.0% #992EBD	RGB 153 46 189	#992EBD
66.7%	66.7% #881DB2	RGB 136 29 178	#881DB2
83.3%	83.3% #770DA7	RGB 119 13 167	#770DA7
100.0%	100.0% #67009C	RGB 103 0 156	#67009C

#CC6DDF #BB56D3 #AA41C8 #992EBD #881DB2 #770DA7 #67009C

#CC6DDF - #992EBD - #67009C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC6DDF 0%, #992EBD 50%, #67009C 100%);
    background: -webkit-linear-gradient(top, #CC6DDF 0%, #992EBD 50%, #67009C 100%);
    background: linear-gradient(to bottom, #CC6DDF 0%, #992EBD 50%, #67009C 100%);
}
</style>