#CF9EE8 - #7832AB | 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 #CF9EE8 to #7832AB

#CF9EE8 #7832AB

Calculate the color between two colors, #CF9EE8 and #7832AB. 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)

#CF9EE8 - #7832AB | 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 #CF9EE8 as 0% and #7832AB as 100%.

0.0%	0.0% #CF9EE8	RGB 207 158 232	#CF9EE8
16.7%	16.7% #C08CDD	RGB 192 140 221	#C08CDD
33.3%	33.3% #B27AD3	RGB 178 122 211	#B27AD3
50.0%	50.0% #A368C9	RGB 163 104 201	#A368C9
66.7%	66.7% #9556BF	RGB 149 86 191	#9556BF
83.3%	83.3% #8644B5	RGB 134 68 181	#8644B5
100.0%	100.0% #7832AB	RGB 120 50 171	#7832AB

#CF9EE8 #C08CDD #B27AD3 #A368C9 #9556BF #8644B5 #7832AB

#CF9EE8 - #7832AB

HSV Blend

#CF9EE8 - #7832AB | 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 #CF9EE8 as 0% and #7832AB as 100%.

0.0%	0.0% #CF9EE8	RGB 207 158 232	#CF9EE8
16.7%	16.7% #BF88DD	RGB 191 136 221	#BF88DD
33.3%	33.3% #B074D3	RGB 176 116 211	#B074D3
50.0%	50.0% #A262C9	RGB 162 98 201	#A262C9
66.7%	66.7% #9350BF	RGB 147 80 191	#9350BF
83.3%	83.3% #8540B5	RGB 133 64 181	#8540B5
100.0%	100.0% #7832AB	RGB 120 50 171	#7832AB

#CF9EE8 #BF88DD #B074D3 #A262C9 #9350BF #8540B5 #7832AB

#CF9EE8 - #A262C9 - #7832AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF9EE8 0%, #A262C9 50%, #7832AB 100%);
    background: -webkit-linear-gradient(top, #CF9EE8 0%, #A262C9 50%, #7832AB 100%);
    background: linear-gradient(to bottom, #CF9EE8 0%, #A262C9 50%, #7832AB 100%);
}
</style>