#3E3E94 - #C7C7E0 | 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 #3E3E94 to #C7C7E0

#3E3E94 #C7C7E0

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

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

0.0%	0.0% #3E3E94	RGB 62 62 148	#3E3E94
16.7%	16.7% #5454A0	RGB 84 84 160	#5454A0
33.3%	33.3% #6B6BAD	RGB 107 107 173	#6B6BAD
50.0%	50.0% #8282BA	RGB 130 130 186	#8282BA
66.7%	66.7% #9999C6	RGB 153 153 198	#9999C6
83.3%	83.3% #B0B0D3	RGB 176 176 211	#B0B0D3
100.0%	100.0% #C7C7E0	RGB 199 199 224	#C7C7E0

#3E3E94 #5454A0 #6B6BAD #8282BA #9999C6 #B0B0D3 #C7C7E0

#3E3E94 - #C7C7E0

HSV Blend

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

0.0%	0.0% #3E3E94	RGB 62 62 148	#3E3E94
16.7%	16.7% #4F4FA0	RGB 79 79 160	#4F4FA0
33.3%	33.3% #6363AD	RGB 99 99 173	#6363AD
50.0%	50.0% #7979BA	RGB 121 121 186	#7979BA
66.7%	66.7% #9191C6	RGB 145 145 198	#9191C6
83.3%	83.3% #ABABD3	RGB 171 171 211	#ABABD3
100.0%	100.0% #C7C7E0	RGB 199 199 224	#C7C7E0

#3E3E94 #4F4FA0 #6363AD #7979BA #9191C6 #ABABD3 #C7C7E0

#3E3E94 - #7979BA - #C7C7E0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E94 0%, #7979BA 50%, #C7C7E0 100%);
    background: -webkit-linear-gradient(top, #3E3E94 0%, #7979BA 50%, #C7C7E0 100%);
    background: linear-gradient(to bottom, #3E3E94 0%, #7979BA 50%, #C7C7E0 100%);
}
</style>