#3E3C7E - #C7C7DA | 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 #3E3C7E to #C7C7DA

#3E3C7E #C7C7DA

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

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

0.0%	0.0% #3E3C7E	RGB 62 60 126	#3E3C7E
16.7%	16.7% #54538D	RGB 84 83 141	#54538D
33.3%	33.3% #6B6A9C	RGB 107 106 156	#6B6A9C
50.0%	50.0% #8281AC	RGB 130 129 172	#8281AC
66.7%	66.7% #9998BB	RGB 153 152 187	#9998BB
83.3%	83.3% #B0AFCA	RGB 176 175 202	#B0AFCA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3E3C7E #54538D #6B6A9C #8281AC #9998BB #B0AFCA #C7C7DA

#3E3C7E - #C7C7DA

HSV Blend

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

0.0%	0.0% #3E3C7E	RGB 62 60 126	#3E3C7E
16.7%	16.7% #4F4D8D	RGB 79 77 141	#4F4D8D
33.3%	33.3% #62619C	RGB 98 97 156	#62619C
50.0%	50.0% #7877AC	RGB 120 119 172	#7877AC
66.7%	66.7% #908FBB	RGB 144 143 187	#908FBB
83.3%	83.3% #AAAACA	RGB 170 170 202	#AAAACA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3E3C7E #4F4D8D #62619C #7877AC #908FBB #AAAACA #C7C7DA

#3E3C7E - #7877AC - #C7C7DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C7E 0%, #7877AC 50%, #C7C7DA 100%);
    background: -webkit-linear-gradient(top, #3E3C7E 0%, #7877AC 50%, #C7C7DA 100%);
    background: linear-gradient(to bottom, #3E3C7E 0%, #7877AC 50%, #C7C7DA 100%);
}
</style>