#3E3EC3 - #C7C7ED | 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 #3E3EC3 to #C7C7ED

#3E3EC3 #C7C7ED

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

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

0.0%	0.0% #3E3EC3	RGB 62 62 195	#3E3EC3
16.7%	16.7% #5454CA	RGB 84 84 202	#5454CA
33.3%	33.3% #6B6BD1	RGB 107 107 209	#6B6BD1
50.0%	50.0% #8282D8	RGB 130 130 216	#8282D8
66.7%	66.7% #9999DF	RGB 153 153 223	#9999DF
83.3%	83.3% #B0B0E6	RGB 176 176 230	#B0B0E6
100.0%	100.0% #C7C7ED	RGB 199 199 237	#C7C7ED

#3E3EC3 #5454CA #6B6BD1 #8282D8 #9999DF #B0B0E6 #C7C7ED

#3E3EC3 - #C7C7ED

HSV Blend

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

0.0%	0.0% #3E3EC3	RGB 62 62 195	#3E3EC3
16.7%	16.7% #5151CA	RGB 81 81 202	#5151CA
33.3%	33.3% #6666D1	RGB 102 102 209	#6666D1
50.0%	50.0% #7D7DD8	RGB 125 125 216	#7D7DD8
66.7%	66.7% #9494DF	RGB 148 148 223	#9494DF
83.3%	83.3% #ADADE6	RGB 173 173 230	#ADADE6
100.0%	100.0% #C7C7ED	RGB 199 199 237	#C7C7ED

#3E3EC3 #5151CA #6666D1 #7D7DD8 #9494DF #ADADE6 #C7C7ED

#3E3EC3 - #7D7DD8 - #C7C7ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3EC3 0%, #7D7DD8 50%, #C7C7ED 100%);
    background: -webkit-linear-gradient(top, #3E3EC3 0%, #7D7DD8 50%, #C7C7ED 100%);
    background: linear-gradient(to bottom, #3E3EC3 0%, #7D7DD8 50%, #C7C7ED 100%);
}
</style>