#7E7DCB - #441D7B | 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 #7E7DCB to #441D7B

#7E7DCB #441D7B

Calculate the color between two colors, #7E7DCB and #441D7B. 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)

#7E7DCB - #441D7B | 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 #7E7DCB as 0% and #441D7B as 100%.

0.0%	0.0% #7E7DCB	RGB 126 125 203	#7E7DCB
16.7%	16.7% #746DBD	RGB 116 109 189	#746DBD
33.3%	33.3% #6A5DB0	RGB 106 93 176	#6A5DB0
50.0%	50.0% #614DA3	RGB 97 77 163	#614DA3
66.7%	66.7% #573D95	RGB 87 61 149	#573D95
83.3%	83.3% #4D2D88	RGB 77 45 136	#4D2D88
100.0%	100.0% #441D7B	RGB 68 29 123	#441D7B

#7E7DCB #746DBD #6A5DB0 #614DA3 #573D95 #4D2D88 #441D7B

#7E7DCB - #441D7B

HSV Blend

#7E7DCB - #441D7B | 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 #7E7DCB as 0% and #441D7B as 100%.

0.0%	0.0% #7D7DCB	RGB 125 125 203	#7D7DCB
16.7%	16.7% #6F68BD	RGB 111 104 189	#6F68BD
33.3%	33.3% #6356B0	RGB 99 86 176	#6356B0
50.0%	50.0% #5945A3	RGB 89 69 163	#5945A3
66.7%	66.7% #513695	RGB 81 54 149	#513695
83.3%	83.3% #4A2888	RGB 74 40 136	#4A2888
100.0%	100.0% #441D7B	RGB 68 29 123	#441D7B

#7D7DCB #6F68BD #6356B0 #5945A3 #513695 #4A2888 #441D7B

#7E7DCB - #5945A3 - #441D7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D7DCB 0%, #5945A3 50%, #441D7B 100%);
    background: -webkit-linear-gradient(top, #7D7DCB 0%, #5945A3 50%, #441D7B 100%);
    background: linear-gradient(to bottom, #7D7DCB 0%, #5945A3 50%, #441D7B 100%);
}
</style>