#CC6DB6 - #8F146F | 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 #CC6DB6 to #8F146F

#CC6DB6 #8F146F

Calculate the color between two colors, #CC6DB6 and #8F146F. 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)

#CC6DB6 - #8F146F | 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 #CC6DB6 as 0% and #8F146F as 100%.

0.0%	0.0% #CC6DB6	RGB 204 109 182	#CC6DB6
16.7%	16.7% #C15EAA	RGB 193 94 170	#C15EAA
33.3%	33.3% #B74F9E	RGB 183 79 158	#B74F9E
50.0%	50.0% #AD4092	RGB 173 64 146	#AD4092
66.7%	66.7% #A33186	RGB 163 49 134	#A33186
83.3%	83.3% #99227A	RGB 153 34 122	#99227A
100.0%	100.0% #8F146F	RGB 143 20 111	#8F146F

#CC6DB6 #C15EAA #B74F9E #AD4092 #A33186 #99227A #8F146F

#CC6DB6 - #8F146F

HSV Blend

#CC6DB6 - #8F146F | 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 #CC6DB6 as 0% and #8F146F as 100%.

0.0%	0.0% #CC6DB6	RGB 204 109 182	#CC6DB6
16.7%	16.7% #C15AA9	RGB 193 90 169	#C15AA9
33.3%	33.3% #B7499D	RGB 183 73 157	#B7499D
50.0%	50.0% #AD3A91	RGB 173 58 145	#AD3A91
66.7%	66.7% #A32C85	RGB 163 44 133	#A32C85
83.3%	83.3% #991F7A	RGB 153 31 122	#991F7A
100.0%	100.0% #8F146F	RGB 143 20 111	#8F146F

#CC6DB6 #C15AA9 #B7499D #AD3A91 #A32C85 #991F7A #8F146F

#CC6DB6 - #AD3A91 - #8F146F

CSS codes

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

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