#7965B2 - #3C125B | 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 #7965B2 to #3C125B

#7965B2 #3C125B

Calculate the color between two colors, #7965B2 and #3C125B. 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)

#7965B2 - #3C125B | 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 #7965B2 as 0% and #3C125B as 100%.

0.0%	0.0% #7965B2	RGB 121 101 178	#7965B2
16.7%	16.7% #6E57A3	RGB 110 87 163	#6E57A3
33.3%	33.3% #644995	RGB 100 73 149	#644995
50.0%	50.0% #5A3B86	RGB 90 59 134	#5A3B86
66.7%	66.7% #502D78	RGB 80 45 120	#502D78
83.3%	83.3% #461F69	RGB 70 31 105	#461F69
100.0%	100.0% #3C125B	RGB 60 18 91	#3C125B

#7965B2 #6E57A3 #644995 #5A3B86 #502D78 #461F69 #3C125B

#7965B2 - #3C125B

HSV Blend

#7965B2 - #3C125B | 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 #7965B2 as 0% and #3C125B as 100%.

0.0%	0.0% #7965B2	RGB 121 101 178	#7965B2
16.7%	16.7% #6B52A3	RGB 107 82 163	#6B52A3
33.3%	33.3% #604295	RGB 96 66 149	#604295
50.0%	50.0% #563386	RGB 86 51 134	#563386
66.7%	66.7% #4C2678	RGB 76 38 120	#4C2678
83.3%	83.3% #441B69	RGB 68 27 105	#441B69
100.0%	100.0% #3C125B	RGB 60 18 91	#3C125B

#7965B2 #6B52A3 #604295 #563386 #4C2678 #441B69 #3C125B

#7965B2 - #563386 - #3C125B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7965B2 0%, #563386 50%, #3C125B 100%);
    background: -webkit-linear-gradient(top, #7965B2 0%, #563386 50%, #3C125B 100%);
    background: linear-gradient(to bottom, #7965B2 0%, #563386 50%, #3C125B 100%);
}
</style>