#7F5E6A - #C57EDA | 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 #7F5E6A to #C57EDA

#7F5E6A #C57EDA

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

#7F5E6A - #C57EDA | 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 #7F5E6A as 0% and #C57EDA as 100%.

0.0%	0.0% #7F5E6A	RGB 127 94 106	#7F5E6A
16.7%	16.7% #8A637C	RGB 138 99 124	#8A637C
33.3%	33.3% #96688F	RGB 150 104 143	#96688F
50.0%	50.0% #A26EA2	RGB 162 110 162	#A26EA2
66.7%	66.7% #AD73B4	RGB 173 115 180	#AD73B4
83.3%	83.3% #B978C7	RGB 185 120 199	#B978C7
100.0%	100.0% #C57EDA	RGB 197 126 218	#C57EDA

#7F5E6A #8A637C #96688F #A26EA2 #AD73B4 #B978C7 #C57EDA

#7F5E6A - #C57EDA

HSV Blend

#7F5E6A - #C57EDA | 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 #7F5E6A as 0% and #C57EDA as 100%.

0.0%	0.0% #7F5E6A	RGB 127 94 106	#7F5E6A
16.7%	16.7% #8E657A	RGB 142 101 122	#8E657A
33.3%	33.3% #9D6B8C	RGB 157 107 140	#9D6B8C
50.0%	50.0% #AC71A0	RGB 172 113 160	#AC71A0
66.7%	66.7% #BB76B7	RGB 187 118 183	#BB76B7
83.3%	83.3% #C47ACA	RGB 196 122 202	#C47ACA
100.0%	100.0% #C57EDA	RGB 197 126 218	#C57EDA

#7F5E6A #8E657A #9D6B8C #AC71A0 #BB76B7 #C47ACA #C57EDA

#7F5E6A - #AC71A0 - #C57EDA

CSS codes

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

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