#7B5C7E - #2D1F2F | 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 #7B5C7E to #2D1F2F

#7B5C7E #2D1F2F

Calculate the color between two colors, #7B5C7E and #2D1F2F. 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)

#7B5C7E - #2D1F2F | 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 #7B5C7E as 0% and #2D1F2F as 100%.

0.0%	0.0% #7B5C7E	RGB 123 92 126	#7B5C7E
16.7%	16.7% #6E5170	RGB 110 81 112	#6E5170
33.3%	33.3% #614763	RGB 97 71 99	#614763
50.0%	50.0% #543D56	RGB 84 61 86	#543D56
66.7%	66.7% #473349	RGB 71 51 73	#473349
83.3%	83.3% #3A293C	RGB 58 41 60	#3A293C
100.0%	100.0% #2D1F2F	RGB 45 31 47	#2D1F2F

#7B5C7E #6E5170 #614763 #543D56 #473349 #3A293C #2D1F2F

#7B5C7E - #2D1F2F

HSV Blend

#7B5C7E - #2D1F2F | 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 #7B5C7E as 0% and #2D1F2F as 100%.

0.0%	0.0% #7B5C7E	RGB 123 92 126	#7B5C7E
16.7%	16.7% #6D5170	RGB 109 81 112	#6D5170
33.3%	33.3% #604663	RGB 96 70 99	#604663
50.0%	50.0% #533C56	RGB 83 60 86	#533C56
66.7%	66.7% #463249	RGB 70 50 73	#463249
83.3%	83.3% #39283C	RGB 57 40 60	#39283C
100.0%	100.0% #2D1F2F	RGB 45 31 47	#2D1F2F

#7B5C7E #6D5170 #604663 #533C56 #463249 #39283C #2D1F2F

#7B5C7E - #533C56 - #2D1F2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5C7E 0%, #533C56 50%, #2D1F2F 100%);
    background: -webkit-linear-gradient(top, #7B5C7E 0%, #533C56 50%, #2D1F2F 100%);
    background: linear-gradient(to bottom, #7B5C7E 0%, #533C56 50%, #2D1F2F 100%);
}
</style>