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

#3E3E80 #C7C7DA

Calculate the color between two colors, #3E3E80 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)

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

0.0%	0.0% #3E3E80	RGB 62 62 128	#3E3E80
16.7%	16.7% #54548F	RGB 84 84 143	#54548F
33.3%	33.3% #6B6B9E	RGB 107 107 158	#6B6B9E
50.0%	50.0% #8282AD	RGB 130 130 173	#8282AD
66.7%	66.7% #9999BC	RGB 153 153 188	#9999BC
83.3%	83.3% #B0B0CB	RGB 176 176 203	#B0B0CB
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3E3E80 #54548F #6B6B9E #8282AD #9999BC #B0B0CB #C7C7DA

#3E3E80 - #C7C7DA

HSV Blend

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

0.0%	0.0% #3E3E80	RGB 62 62 128	#3E3E80
16.7%	16.7% #4F4F8F	RGB 79 79 143	#4F4F8F
33.3%	33.3% #63639E	RGB 99 99 158	#63639E
50.0%	50.0% #7878AD	RGB 120 120 173	#7878AD
66.7%	66.7% #9090BC	RGB 144 144 188	#9090BC
83.3%	83.3% #AAAACB	RGB 170 170 203	#AAAACB
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3E3E80 #4F4F8F #63639E #7878AD #9090BC #AAAACB #C7C7DA

#3E3E80 - #7878AD - #C7C7DA

CSS codes

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

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