#3D3C8D - #BD8FB4 | 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 #3D3C8D to #BD8FB4

#3D3C8D #BD8FB4

Calculate the color between two colors, #3D3C8D and #BD8FB4. 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)

#3D3C8D - #BD8FB4 | 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 #3D3C8D as 0% and #BD8FB4 as 100%.

0.0%	0.0% #3D3C8D	RGB 61 60 141	#3D3C8D
16.7%	16.7% #524993	RGB 82 73 147	#524993
33.3%	33.3% #67579A	RGB 103 87 154	#67579A
50.0%	50.0% #7D65A0	RGB 125 101 160	#7D65A0
66.7%	66.7% #9273A7	RGB 146 115 167	#9273A7
83.3%	83.3% #A781AD	RGB 167 129 173	#A781AD
100.0%	100.0% #BD8FB4	RGB 189 143 180	#BD8FB4

#3D3C8D #524993 #67579A #7D65A0 #9273A7 #A781AD #BD8FB4

#3D3C8D - #BD8FB4

HSV Blend

#3D3C8D - #BD8FB4 | 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 #3D3C8D as 0% and #BD8FB4 as 100%.

0.0%	0.0% #3D3C8D	RGB 61 60 141	#3D3C8D
16.7%	16.7% #574795	RGB 87 71 149	#574795
33.3%	33.3% #71549D	RGB 113 84 157	#71549D
50.0%	50.0% #8A61A5	RGB 138 97 165	#8A61A5
66.7%	66.7% #A06FAD	RGB 160 111 173	#A06FAD
83.3%	83.3% #B47EB5	RGB 180 126 181	#B47EB5
100.0%	100.0% #BD8FB4	RGB 189 143 180	#BD8FB4

#3D3C8D #574795 #71549D #8A61A5 #A06FAD #B47EB5 #BD8FB4

#3D3C8D - #8A61A5 - #BD8FB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3C8D 0%, #8A61A5 50%, #BD8FB4 100%);
    background: -webkit-linear-gradient(top, #3D3C8D 0%, #8A61A5 50%, #BD8FB4 100%);
    background: linear-gradient(to bottom, #3D3C8D 0%, #8A61A5 50%, #BD8FB4 100%);
}
</style>