#7F5EAD - #241A31 | 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 #7F5EAD to #241A31

#7F5EAD #241A31

Calculate the color between two colors, #7F5EAD and #241A31. 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)

#7F5EAD - #241A31 | 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 #7F5EAD as 0% and #241A31 as 100%.

0.0%	0.0% #7F5EAD	RGB 127 94 173	#7F5EAD
16.7%	16.7% #6F5298	RGB 111 82 152	#6F5298
33.3%	33.3% #604783	RGB 96 71 131	#604783
50.0%	50.0% #513C6F	RGB 81 60 111	#513C6F
66.7%	66.7% #42305A	RGB 66 48 90	#42305A
83.3%	83.3% #332545	RGB 51 37 69	#332545
100.0%	100.0% #241A31	RGB 36 26 49	#241A31

#7F5EAD #6F5298 #604783 #513C6F #42305A #332545 #241A31

#7F5EAD - #241A31

HSV Blend

#7F5EAD - #241A31 | 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 #7F5EAD as 0% and #241A31 as 100%.

0.0%	0.0% #7F5EAD	RGB 127 94 173	#7F5EAD
16.7%	16.7% #6F5298	RGB 111 82 152	#6F5298
33.3%	33.3% #604683	RGB 96 70 131	#604683
50.0%	50.0% #513B6F	RGB 81 59 111	#513B6F
66.7%	66.7% #42305A	RGB 66 48 90	#42305A
83.3%	83.3% #332545	RGB 51 37 69	#332545
100.0%	100.0% #241A31	RGB 36 26 49	#241A31

#7F5EAD #6F5298 #604683 #513B6F #42305A #332545 #241A31

#7F5EAD - #513B6F - #241A31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5EAD 0%, #513B6F 50%, #241A31 100%);
    background: -webkit-linear-gradient(top, #7F5EAD 0%, #513B6F 50%, #241A31 100%);
    background: linear-gradient(to bottom, #7F5EAD 0%, #513B6F 50%, #241A31 100%);
}
</style>