#6827A8 - #CD7AC7 | 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 #6827A8 to #CD7AC7

#6827A8 #CD7AC7

Calculate the color between two colors, #6827A8 and #CD7AC7. 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)

#6827A8 - #CD7AC7 | 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 #6827A8 as 0% and #CD7AC7 as 100%.

0.0%	0.0% #6827A8	RGB 104 39 168	#6827A8
16.7%	16.7% #7834AD	RGB 120 52 173	#7834AD
33.3%	33.3% #8942B2	RGB 137 66 178	#8942B2
50.0%	50.0% #9A50B7	RGB 154 80 183	#9A50B7
66.7%	66.7% #AB5EBC	RGB 171 94 188	#AB5EBC
83.3%	83.3% #BC6CC1	RGB 188 108 193	#BC6CC1
100.0%	100.0% #CD7AC7	RGB 205 122 199	#CD7AC7

#6827A8 #7834AD #8942B2 #9A50B7 #AB5EBC #BC6CC1 #CD7AC7

#6827A8 - #CD7AC7

HSV Blend

#6827A8 - #CD7AC7 | 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 #6827A8 as 0% and #CD7AC7 as 100%.

0.0%	0.0% #6827A8	RGB 104 39 168	#6827A8
16.7%	16.7% #7C32AE	RGB 124 50 174	#7C32AE
33.3%	33.3% #903FB4	RGB 144 63 180	#903FB4
50.0%	50.0% #A34DBA	RGB 163 77 186	#A34DBA
66.7%	66.7% #B45BC0	RGB 180 91 192	#B45BC0
83.3%	83.3% #C46AC6	RGB 196 106 198	#C46AC6
100.0%	100.0% #CD7AC7	RGB 205 122 199	#CD7AC7

#6827A8 #7C32AE #903FB4 #A34DBA #B45BC0 #C46AC6 #CD7AC7

#6827A8 - #A34DBA - #CD7AC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6827A8 0%, #A34DBA 50%, #CD7AC7 100%);
    background: -webkit-linear-gradient(top, #6827A8 0%, #A34DBA 50%, #CD7AC7 100%);
    background: linear-gradient(to bottom, #6827A8 0%, #A34DBA 50%, #CD7AC7 100%);
}
</style>