#6B25A8 - #CF78C7 | 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 #6B25A8 to #CF78C7

#6B25A8 #CF78C7

Calculate the color between two colors, #6B25A8 and #CF78C7. 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)

#6B25A8 - #CF78C7 | 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 #6B25A8 as 0% and #CF78C7 as 100%.

0.0%	0.0% #6B25A8	RGB 107 37 168	#6B25A8
16.7%	16.7% #7B32AD	RGB 123 50 173	#7B32AD
33.3%	33.3% #8C40B2	RGB 140 64 178	#8C40B2
50.0%	50.0% #9D4EB7	RGB 157 78 183	#9D4EB7
66.7%	66.7% #AD5CBC	RGB 173 92 188	#AD5CBC
83.3%	83.3% #BE6AC1	RGB 190 106 193	#BE6AC1
100.0%	100.0% #CF78C7	RGB 207 120 199	#CF78C7

#6B25A8 #7B32AD #8C40B2 #9D4EB7 #AD5CBC #BE6AC1 #CF78C7

#6B25A8 - #CF78C7

HSV Blend

#6B25A8 - #CF78C7 | 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 #6B25A8 as 0% and #CF78C7 as 100%.

0.0%	0.0% #6B25A8	RGB 107 37 168	#6B25A8
16.7%	16.7% #7F30AE	RGB 127 48 174	#7F30AE
33.3%	33.3% #933DB5	RGB 147 61 181	#933DB5
50.0%	50.0% #A64ABB	RGB 166 74 187	#A64ABB
66.7%	66.7% #B859C2	RGB 184 89 194	#B859C2
83.3%	83.3% #C868C8	RGB 200 104 200	#C868C8
100.0%	100.0% #CF78C7	RGB 207 120 199	#CF78C7

#6B25A8 #7F30AE #933DB5 #A64ABB #B859C2 #C868C8 #CF78C7

#6B25A8 - #A64ABB - #CF78C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B25A8 0%, #A64ABB 50%, #CF78C7 100%);
    background: -webkit-linear-gradient(top, #6B25A8 0%, #A64ABB 50%, #CF78C7 100%);
    background: linear-gradient(to bottom, #6B25A8 0%, #A64ABB 50%, #CF78C7 100%);
}
</style>