#3E3EC6 - #C7C7EE | 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 #3E3EC6 to #C7C7EE

#3E3EC6 #C7C7EE

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

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

0.0%	0.0% #3E3EC6	RGB 62 62 198	#3E3EC6
16.7%	16.7% #5454CC	RGB 84 84 204	#5454CC
33.3%	33.3% #6B6BD3	RGB 107 107 211	#6B6BD3
50.0%	50.0% #8282DA	RGB 130 130 218	#8282DA
66.7%	66.7% #9999E0	RGB 153 153 224	#9999E0
83.3%	83.3% #B0B0E7	RGB 176 176 231	#B0B0E7
100.0%	100.0% #C7C7EE	RGB 199 199 238	#C7C7EE

#3E3EC6 #5454CC #6B6BD3 #8282DA #9999E0 #B0B0E7 #C7C7EE

#3E3EC6 - #C7C7EE

HSV Blend

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

0.0%	0.0% #3E3EC6	RGB 62 62 198	#3E3EC6
16.7%	16.7% #5151CC	RGB 81 81 204	#5151CC
33.3%	33.3% #6767D3	RGB 103 103 211	#6767D3
50.0%	50.0% #7D7DDA	RGB 125 125 218	#7D7DDA
66.7%	66.7% #9494E0	RGB 148 148 224	#9494E0
83.3%	83.3% #ADADE7	RGB 173 173 231	#ADADE7
100.0%	100.0% #C7C7EE	RGB 199 199 238	#C7C7EE

#3E3EC6 #5151CC #6767D3 #7D7DDA #9494E0 #ADADE7 #C7C7EE

#3E3EC6 - #7D7DDA - #C7C7EE

CSS codes

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

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