#958FCE - #4D3C9C | 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 #958FCE to #4D3C9C

#958FCE #4D3C9C

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

#958FCE - #4D3C9C | 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 #958FCE as 0% and #4D3C9C as 100%.

0.0%	0.0% #958FCE	RGB 149 143 206	#958FCE
16.7%	16.7% #8981C5	RGB 137 129 197	#8981C5
33.3%	33.3% #7D73BD	RGB 125 115 189	#7D73BD
50.0%	50.0% #7165B5	RGB 113 101 181	#7165B5
66.7%	66.7% #6557AC	RGB 101 87 172	#6557AC
83.3%	83.3% #5949A4	RGB 89 73 164	#5949A4
100.0%	100.0% #4D3C9C	RGB 77 60 156	#4D3C9C

#958FCE #8981C5 #7D73BD #7165B5 #6557AC #5949A4 #4D3C9C

#958FCE - #4D3C9C

HSV Blend

#958FCE - #4D3C9C | 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 #958FCE as 0% and #4D3C9C as 100%.

0.0%	0.0% #958FCE	RGB 149 143 206	#958FCE
16.7%	16.7% #867FC5	RGB 134 127 197	#867FC5
33.3%	33.3% #796FBD	RGB 121 111 189	#796FBD
50.0%	50.0% #6C61B5	RGB 108 97 181	#6C61B5
66.7%	66.7% #6154AC	RGB 97 84 172	#6154AC
83.3%	83.3% #5647A4	RGB 86 71 164	#5647A4
100.0%	100.0% #4D3C9C	RGB 77 60 156	#4D3C9C

#958FCE #867FC5 #796FBD #6C61B5 #6154AC #5647A4 #4D3C9C

#958FCE - #6C61B5 - #4D3C9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #958FCE 0%, #6C61B5 50%, #4D3C9C 100%);
    background: -webkit-linear-gradient(top, #958FCE 0%, #6C61B5 50%, #4D3C9C 100%);
    background: linear-gradient(to bottom, #958FCE 0%, #6C61B5 50%, #4D3C9C 100%);
}
</style>