#3E3CBE - #C7C7EC | 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 #3E3CBE to #C7C7EC

#3E3CBE #C7C7EC

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

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

0.0%	0.0% #3E3CBE	RGB 62 60 190	#3E3CBE
16.7%	16.7% #5453C5	RGB 84 83 197	#5453C5
33.3%	33.3% #6B6ACD	RGB 107 106 205	#6B6ACD
50.0%	50.0% #8281D5	RGB 130 129 213	#8281D5
66.7%	66.7% #9998DC	RGB 153 152 220	#9998DC
83.3%	83.3% #B0AFE4	RGB 176 175 228	#B0AFE4
100.0%	100.0% #C7C7EC	RGB 199 199 236	#C7C7EC

#3E3CBE #5453C5 #6B6ACD #8281D5 #9998DC #B0AFE4 #C7C7EC

#3E3CBE - #C7C7EC

HSV Blend

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

0.0%	0.0% #3D3CBE	RGB 61 60 190	#3D3CBE
16.7%	16.7% #514FC5	RGB 81 79 197	#514FC5
33.3%	33.3% #6664CD	RGB 102 100 205	#6664CD
50.0%	50.0% #7C7BD5	RGB 124 123 213	#7C7BD5
66.7%	66.7% #9393DC	RGB 147 147 220	#9393DC
83.3%	83.3% #ACACE4	RGB 172 172 228	#ACACE4
100.0%	100.0% #C7C7EC	RGB 199 199 236	#C7C7EC

#3D3CBE #514FC5 #6664CD #7C7BD5 #9393DC #ACACE4 #C7C7EC

#3E3CBE - #7C7BD5 - #C7C7EC

CSS codes

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

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