#3E3E5D - #B471CD | 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 #3E3E5D to #B471CD

#3E3E5D #B471CD

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

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

0.0%	0.0% #3E3E5D	RGB 62 62 93	#3E3E5D
16.7%	16.7% #51466F	RGB 81 70 111	#51466F
33.3%	33.3% #654F82	RGB 101 79 130	#654F82
50.0%	50.0% #795795	RGB 121 87 149	#795795
66.7%	66.7% #8C60A7	RGB 140 96 167	#8C60A7
83.3%	83.3% #A068BA	RGB 160 104 186	#A068BA
100.0%	100.0% #B471CD	RGB 180 113 205	#B471CD

#3E3E5D #51466F #654F82 #795795 #8C60A7 #A068BA #B471CD

#3E3E5D - #B471CD

HSV Blend

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

0.0%	0.0% #3E3E5D	RGB 62 62 93	#3E3E5D
16.7%	16.7% #4D486F	RGB 77 72 111	#4D486F
33.3%	33.3% #5D5182	RGB 93 81 130	#5D5182
50.0%	50.0% #6F5A95	RGB 111 90 149	#6F5A95
66.7%	66.7% #8462A7	RGB 132 98 167	#8462A7
83.3%	83.3% #9A6ABA	RGB 154 106 186	#9A6ABA
100.0%	100.0% #B471CD	RGB 180 113 205	#B471CD

#3E3E5D #4D486F #5D5182 #6F5A95 #8462A7 #9A6ABA #B471CD

#3E3E5D - #6F5A95 - #B471CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E5D 0%, #6F5A95 50%, #B471CD 100%);
    background: -webkit-linear-gradient(top, #3E3E5D 0%, #6F5A95 50%, #B471CD 100%);
    background: linear-gradient(to bottom, #3E3E5D 0%, #6F5A95 50%, #B471CD 100%);
}
</style>