#3E3255 - #8658C0 | 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 #3E3255 to #8658C0

#3E3255 #8658C0

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

#3E3255 - #8658C0 | 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 #3E3255 as 0% and #8658C0 as 100%.

0.0%	0.0% #3E3255	RGB 62 50 85	#3E3255
16.7%	16.7% #4A3866	RGB 74 56 102	#4A3866
33.3%	33.3% #563E78	RGB 86 62 120	#563E78
50.0%	50.0% #62458A	RGB 98 69 138	#62458A
66.7%	66.7% #6E4B9C	RGB 110 75 156	#6E4B9C
83.3%	83.3% #7A51AE	RGB 122 81 174	#7A51AE
100.0%	100.0% #8658C0	RGB 134 88 192	#8658C0

#3E3255 #4A3866 #563E78 #62458A #6E4B9C #7A51AE #8658C0

#3E3255 - #8658C0

HSV Blend

#3E3255 - #8658C0 | 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 #3E3255 as 0% and #8658C0 as 100%.

0.0%	0.0% #3E3255	RGB 62 50 85	#3E3255
16.7%	16.7% #4A3A66	RGB 74 58 102	#4A3A66
33.3%	33.3% #564178	RGB 86 65 120	#564178
50.0%	50.0% #62488A	RGB 98 72 138	#62488A
66.7%	66.7% #6E4E9C	RGB 110 78 156	#6E4E9C
83.3%	83.3% #7A53AE	RGB 122 83 174	#7A53AE
100.0%	100.0% #8658C0	RGB 134 88 192	#8658C0

#3E3255 #4A3A66 #564178 #62488A #6E4E9C #7A53AE #8658C0

#3E3255 - #62488A - #8658C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3255 0%, #62488A 50%, #8658C0 100%);
    background: -webkit-linear-gradient(top, #3E3255 0%, #62488A 50%, #8658C0 100%);
    background: linear-gradient(to bottom, #3E3255 0%, #62488A 50%, #8658C0 100%);
}
</style>