#7E40AD - #CF95B7 | 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 #7E40AD to #CF95B7

#7E40AD #CF95B7

Calculate the color between two colors, #7E40AD and #CF95B7. 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)

#7E40AD - #CF95B7 | 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 #7E40AD as 0% and #CF95B7 as 100%.

0.0%	0.0% #7E40AD	RGB 126 64 173	#7E40AD
16.7%	16.7% #8B4EAE	RGB 139 78 174	#8B4EAE
33.3%	33.3% #995CB0	RGB 153 92 176	#995CB0
50.0%	50.0% #A66AB2	RGB 166 106 178	#A66AB2
66.7%	66.7% #B478B3	RGB 180 120 179	#B478B3
83.3%	83.3% #C186B5	RGB 193 134 181	#C186B5
100.0%	100.0% #CF95B7	RGB 207 149 183	#CF95B7

#7E40AD #8B4EAE #995CB0 #A66AB2 #B478B3 #C186B5 #CF95B7

#7E40AD - #CF95B7

HSV Blend

#7E40AD - #CF95B7 | 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 #7E40AD as 0% and #CF95B7 as 100%.

0.0%	0.0% #7D40AD	RGB 125 64 173	#7D40AD
16.7%	16.7% #954CB2	RGB 149 76 178	#954CB2
33.3%	33.3% #AA59B8	RGB 170 89 184	#AA59B8
50.0%	50.0% #BD67BE	RGB 189 103 190	#BD67BE
66.7%	66.7% #C376B9	RGB 195 118 185	#C376B9
83.3%	83.3% #C985B6	RGB 201 133 182	#C985B6
100.0%	100.0% #CF95B7	RGB 207 149 183	#CF95B7

#7D40AD #954CB2 #AA59B8 #BD67BE #C376B9 #C985B6 #CF95B7

#7E40AD - #BD67BE - #CF95B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D40AD 0%, #BD67BE 50%, #CF95B7 100%);
    background: -webkit-linear-gradient(top, #7D40AD 0%, #BD67BE 50%, #CF95B7 100%);
    background: linear-gradient(to bottom, #7D40AD 0%, #BD67BE 50%, #CF95B7 100%);
}
</style>