#5B4D5E - #CD74D3 | 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 #5B4D5E to #CD74D3

#5B4D5E #CD74D3

Calculate the color between two colors, #5B4D5E and #CD74D3. 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)

#5B4D5E - #CD74D3 | 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 #5B4D5E as 0% and #CD74D3 as 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #6E5371	RGB 110 83 113	#6E5371
33.3%	33.3% #815A85	RGB 129 90 133	#815A85
50.0%	50.0% #946098	RGB 148 96 152	#946098
66.7%	66.7% #A767AC	RGB 167 103 172	#A767AC
83.3%	83.3% #BA6DBF	RGB 186 109 191	#BA6DBF
100.0%	100.0% #CD74D3	RGB 205 116 211	#CD74D3

#5B4D5E #6E5371 #815A85 #946098 #A767AC #BA6DBF #CD74D3

#5B4D5E - #CD74D3

HSV Blend

#5B4D5E - #CD74D3 | 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 #5B4D5E as 0% and #CD74D3 as 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #6D5771	RGB 109 87 113	#6D5771
33.3%	33.3% #806185	RGB 128 97 133	#806185
50.0%	50.0% #926898	RGB 146 104 152	#926898
66.7%	66.7% #A56EAC	RGB 165 110 172	#A56EAC
83.3%	83.3% #B971BF	RGB 185 113 191	#B971BF
100.0%	100.0% #CD74D3	RGB 205 116 211	#CD74D3

#5B4D5E #6D5771 #806185 #926898 #A56EAC #B971BF #CD74D3

#5B4D5E - #926898 - #CD74D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B4D5E 0%, #926898 50%, #CD74D3 100%);
    background: -webkit-linear-gradient(top, #5B4D5E 0%, #926898 50%, #CD74D3 100%);
    background: linear-gradient(to bottom, #5B4D5E 0%, #926898 50%, #CD74D3 100%);
}
</style>