#3F3EB6 - #C8C7EA | 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 #3F3EB6 to #C8C7EA

#3F3EB6 #C8C7EA

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

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

0.0%	0.0% #3F3EB6	RGB 63 62 182	#3F3EB6
16.7%	16.7% #5554BE	RGB 85 84 190	#5554BE
33.3%	33.3% #6C6BC7	RGB 108 107 199	#6C6BC7
50.0%	50.0% #8382D0	RGB 131 130 208	#8382D0
66.7%	66.7% #9A99D8	RGB 154 153 216	#9A99D8
83.3%	83.3% #B1B0E1	RGB 177 176 225	#B1B0E1
100.0%	100.0% #C8C7EA	RGB 200 199 234	#C8C7EA

#3F3EB6 #5554BE #6C6BC7 #8382D0 #9A99D8 #B1B0E1 #C8C7EA

#3F3EB6 - #C8C7EA

HSV Blend

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

0.0%	0.0% #3E3EB6	RGB 62 62 182	#3E3EB6
16.7%	16.7% #5251BE	RGB 82 81 190	#5251BE
33.3%	33.3% #6765C7	RGB 103 101 199	#6765C7
50.0%	50.0% #7D7BD0	RGB 125 123 208	#7D7BD0
66.7%	66.7% #9493D8	RGB 148 147 216	#9493D8
83.3%	83.3% #ADACE1	RGB 173 172 225	#ADACE1
100.0%	100.0% #C8C7EA	RGB 200 199 234	#C8C7EA

#3E3EB6 #5251BE #6765C7 #7D7BD0 #9493D8 #ADACE1 #C8C7EA

#3F3EB6 - #7D7BD0 - #C8C7EA

CSS codes

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

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