#7D768D - #4A2E5E | 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 #7D768D to #4A2E5E

#7D768D #4A2E5E

Calculate the color between two colors, #7D768D and #4A2E5E. 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)

#7D768D - #4A2E5E | 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 #7D768D as 0% and #4A2E5E as 100%.

0.0%	0.0% #7D768D	RGB 125 118 141	#7D768D
16.7%	16.7% #746A85	RGB 116 106 133	#746A85
33.3%	33.3% #6C5E7D	RGB 108 94 125	#6C5E7D
50.0%	50.0% #635275	RGB 99 82 117	#635275
66.7%	66.7% #5B466D	RGB 91 70 109	#5B466D
83.3%	83.3% #523A65	RGB 82 58 101	#523A65
100.0%	100.0% #4A2E5E	RGB 74 46 94	#4A2E5E

#7D768D #746A85 #6C5E7D #635275 #5B466D #523A65 #4A2E5E

#7D768D - #4A2E5E

HSV Blend

#7D768D - #4A2E5E | 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 #7D768D as 0% and #4A2E5E as 100%.

0.0%	0.0% #7D768D	RGB 125 118 141	#7D768D
16.7%	16.7% #726785	RGB 114 103 133	#726785
33.3%	33.3% #685A7D	RGB 104 90 125	#685A7D
50.0%	50.0% #5F4D75	RGB 95 77 117	#5F4D75
66.7%	66.7% #57426D	RGB 87 66 109	#57426D
83.3%	83.3% #503765	RGB 80 55 101	#503765
100.0%	100.0% #4A2E5E	RGB 74 46 94	#4A2E5E

#7D768D #726785 #685A7D #5F4D75 #57426D #503765 #4A2E5E

#7D768D - #5F4D75 - #4A2E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D768D 0%, #5F4D75 50%, #4A2E5E 100%);
    background: -webkit-linear-gradient(top, #7D768D 0%, #5F4D75 50%, #4A2E5E 100%);
    background: linear-gradient(to bottom, #7D768D 0%, #5F4D75 50%, #4A2E5E 100%);
}
</style>