#3F3DC1 - #C8C7ED | 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 #3F3DC1 to #C8C7ED

#3F3DC1 #C8C7ED

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

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

0.0%	0.0% #3F3DC1	RGB 63 61 193	#3F3DC1
16.7%	16.7% #5554C8	RGB 85 84 200	#5554C8
33.3%	33.3% #6C6BCF	RGB 108 107 207	#6C6BCF
50.0%	50.0% #8382D7	RGB 131 130 215	#8382D7
66.7%	66.7% #9A99DE	RGB 154 153 222	#9A99DE
83.3%	83.3% #B1B0E5	RGB 177 176 229	#B1B0E5
100.0%	100.0% #C8C7ED	RGB 200 199 237	#C8C7ED

#3F3DC1 #5554C8 #6C6BCF #8382D7 #9A99DE #B1B0E5 #C8C7ED

#3F3DC1 - #C8C7ED

HSV Blend

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

0.0%	0.0% #3E3DC1	RGB 62 61 193	#3E3DC1
16.7%	16.7% #5250C8	RGB 82 80 200	#5250C8
33.3%	33.3% #6765CF	RGB 103 101 207	#6765CF
50.0%	50.0% #7E7CD7	RGB 126 124 215	#7E7CD7
66.7%	66.7% #9593DE	RGB 149 147 222	#9593DE
83.3%	83.3% #AEACE5	RGB 174 172 229	#AEACE5
100.0%	100.0% #C8C7ED	RGB 200 199 237	#C8C7ED

#3E3DC1 #5250C8 #6765CF #7E7CD7 #9593DE #AEACE5 #C8C7ED

#3F3DC1 - #7E7CD7 - #C8C7ED

CSS codes

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

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