#8973CE - #4D2B8C | 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 #8973CE to #4D2B8C

#8973CE #4D2B8C

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

#8973CE - #4D2B8C | 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 #8973CE as 0% and #4D2B8C as 100%.

0.0%	0.0% #8973CE	RGB 137 115 206	#8973CE
16.7%	16.7% #7F67C3	RGB 127 103 195	#7F67C3
33.3%	33.3% #755BB8	RGB 117 91 184	#755BB8
50.0%	50.0% #6B4FAD	RGB 107 79 173	#6B4FAD
66.7%	66.7% #6143A2	RGB 97 67 162	#6143A2
83.3%	83.3% #573797	RGB 87 55 151	#573797
100.0%	100.0% #4D2B8C	RGB 77 43 140	#4D2B8C

#8973CE #7F67C3 #755BB8 #6B4FAD #6143A2 #573797 #4D2B8C

#8973CE - #4D2B8C

HSV Blend

#8973CE - #4D2B8C | 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 #8973CE as 0% and #4D2B8C as 100%.

0.0%	0.0% #8973CE	RGB 137 115 206	#8973CE
16.7%	16.7% #7D64C3	RGB 125 100 195	#7D64C3
33.3%	33.3% #7257B8	RGB 114 87 184	#7257B8
50.0%	50.0% #674AAD	RGB 103 74 173	#674AAD
66.7%	66.7% #5E3FA2	RGB 94 63 162	#5E3FA2
83.3%	83.3% #553497	RGB 85 52 151	#553497
100.0%	100.0% #4D2B8C	RGB 77 43 140	#4D2B8C

#8973CE #7D64C3 #7257B8 #674AAD #5E3FA2 #553497 #4D2B8C

#8973CE - #674AAD - #4D2B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8973CE 0%, #674AAD 50%, #4D2B8C 100%);
    background: -webkit-linear-gradient(top, #8973CE 0%, #674AAD 50%, #4D2B8C 100%);
    background: linear-gradient(to bottom, #8973CE 0%, #674AAD 50%, #4D2B8C 100%);
}
</style>