#4D3E5D - #9762CF | 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 #4D3E5D to #9762CF

#4D3E5D #9762CF

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

#4D3E5D - #9762CF | 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 #4D3E5D as 0% and #9762CF as 100%.

0.0%	0.0% #4D3E5D	RGB 77 62 93	#4D3E5D
16.7%	16.7% #594470	RGB 89 68 112	#594470
33.3%	33.3% #654A83	RGB 101 74 131	#654A83
50.0%	50.0% #725096	RGB 114 80 150	#725096
66.7%	66.7% #7E56A9	RGB 126 86 169	#7E56A9
83.3%	83.3% #8A5CBC	RGB 138 92 188	#8A5CBC
100.0%	100.0% #9762CF	RGB 151 98 207	#9762CF

#4D3E5D #594470 #654A83 #725096 #7E56A9 #8A5CBC #9762CF

#4D3E5D - #9762CF

HSV Blend

#4D3E5D - #9762CF | 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 #4D3E5D as 0% and #9762CF as 100%.

0.0%	0.0% #4D3E5D	RGB 77 62 93	#4D3E5D
16.7%	16.7% #5A4770	RGB 90 71 112	#5A4770
33.3%	33.3% #684E83	RGB 104 78 131	#684E83
50.0%	50.0% #745596	RGB 116 85 150	#745596
66.7%	66.7% #805AA9	RGB 128 90 169	#805AA9
83.3%	83.3% #8C5FBC	RGB 140 95 188	#8C5FBC
100.0%	100.0% #9762CF	RGB 151 98 207	#9762CF

#4D3E5D #5A4770 #684E83 #745596 #805AA9 #8C5FBC #9762CF

#4D3E5D - #745596 - #9762CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E5D 0%, #745596 50%, #9762CF 100%);
    background: -webkit-linear-gradient(top, #4D3E5D 0%, #745596 50%, #9762CF 100%);
    background: linear-gradient(to bottom, #4D3E5D 0%, #745596 50%, #9762CF 100%);
}
</style>