#CB77D9 - #8D14A0 | 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 #CB77D9 to #8D14A0

#CB77D9 #8D14A0

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

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

0.0%	0.0% #CB77D9	RGB 203 119 217	#CB77D9
16.7%	16.7% #C066CF	RGB 192 102 207	#C066CF
33.3%	33.3% #B656C6	RGB 182 86 198	#B656C6
50.0%	50.0% #AC45BC	RGB 172 69 188	#AC45BC
66.7%	66.7% #A135B3	RGB 161 53 179	#A135B3
83.3%	83.3% #9724A9	RGB 151 36 169	#9724A9
100.0%	100.0% #8D14A0	RGB 141 20 160	#8D14A0

#CB77D9 #C066CF #B656C6 #AC45BC #A135B3 #9724A9 #8D14A0

#CB77D9 - #8D14A0

HSV Blend

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

0.0%	0.0% #CB77D9	RGB 203 119 217	#CB77D9
16.7%	16.7% #C063CF	RGB 192 99 207	#C063CF
33.3%	33.3% #B550C6	RGB 181 80 198	#B550C6
50.0%	50.0% #AB3FBC	RGB 171 63 188	#AB3FBC
66.7%	66.7% #A02FB3	RGB 160 47 179	#A02FB3
83.3%	83.3% #9621A9	RGB 150 33 169	#9621A9
100.0%	100.0% #8D14A0	RGB 141 20 160	#8D14A0

#CB77D9 #C063CF #B550C6 #AB3FBC #A02FB3 #9621A9 #8D14A0

#CB77D9 - #AB3FBC - #8D14A0

CSS codes

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

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