#503E5E - #B064CD | 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 #503E5E to #B064CD

#503E5E #B064CD

Calculate the color between two colors, #503E5E and #B064CD. 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)

#503E5E - #B064CD | 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 #503E5E as 0% and #B064CD as 100%.

0.0%	0.0% #503E5E	RGB 80 62 94	#503E5E
16.7%	16.7% #604470	RGB 96 68 112	#604470
33.3%	33.3% #704A83	RGB 112 74 131	#704A83
50.0%	50.0% #805195	RGB 128 81 149	#805195
66.7%	66.7% #9057A8	RGB 144 87 168	#9057A8
83.3%	83.3% #A05DBA	RGB 160 93 186	#A05DBA
100.0%	100.0% #B064CD	RGB 176 100 205	#B064CD

#503E5E #604470 #704A83 #805195 #9057A8 #A05DBA #B064CD

#503E5E - #B064CD

HSV Blend

#503E5E - #B064CD | 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 #503E5E as 0% and #B064CD as 100%.

0.0%	0.0% #503E5E	RGB 80 62 94	#503E5E
16.7%	16.7% #5F4670	RGB 95 70 112	#5F4670
33.3%	33.3% #6F4E83	RGB 111 78 131	#6F4E83
50.0%	50.0% #7E5595	RGB 126 85 149	#7E5595
66.7%	66.7% #8E5BA8	RGB 142 91 168	#8E5BA8
83.3%	83.3% #9F60BA	RGB 159 96 186	#9F60BA
100.0%	100.0% #B064CD	RGB 176 100 205	#B064CD

#503E5E #5F4670 #6F4E83 #7E5595 #8E5BA8 #9F60BA #B064CD

#503E5E - #7E5595 - #B064CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #503E5E 0%, #7E5595 50%, #B064CD 100%);
    background: -webkit-linear-gradient(top, #503E5E 0%, #7E5595 50%, #B064CD 100%);
    background: linear-gradient(to bottom, #503E5E 0%, #7E5595 50%, #B064CD 100%);
}
</style>