#7F5E8C - #7D92E4 | 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 #7F5E8C to #7D92E4

#7F5E8C #7D92E4

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

#7F5E8C - #7D92E4 | 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 #7F5E8C as 0% and #7D92E4 as 100%.

0.0%	0.0% #7F5E8C	RGB 127 94 140	#7F5E8C
16.7%	16.7% #7E669A	RGB 126 102 154	#7E669A
33.3%	33.3% #7E6FA9	RGB 126 111 169	#7E6FA9
50.0%	50.0% #7E78B8	RGB 126 120 184	#7E78B8
66.7%	66.7% #7D80C6	RGB 125 128 198	#7D80C6
83.3%	83.3% #7D89D5	RGB 125 137 213	#7D89D5
100.0%	100.0% #7D92E4	RGB 125 146 228	#7D92E4

#7F5E8C #7E669A #7E6FA9 #7E78B8 #7D80C6 #7D89D5 #7D92E4

#7F5E8C - #7D92E4

HSV Blend

#7F5E8C - #7D92E4 | 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 #7F5E8C as 0% and #7D92E4 as 100%.

0.0%	0.0% #7F5E8C	RGB 127 94 140	#7F5E8C
16.7%	16.7% #83649A	RGB 131 100 154	#83649A
33.3%	33.3% #846AA9	RGB 132 106 169	#846AA9
50.0%	50.0% #8270B8	RGB 130 112 184	#8270B8
66.7%	66.7% #7D75C6	RGB 125 117 198	#7D75C6
83.3%	83.3% #797DD5	RGB 121 125 213	#797DD5
100.0%	100.0% #7D92E4	RGB 125 146 228	#7D92E4

#7F5E8C #83649A #846AA9 #8270B8 #7D75C6 #797DD5 #7D92E4

#7F5E8C - #8270B8 - #7D92E4

CSS codes

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

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