#3E3E6F - #C7C7D5 | 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 #3E3E6F to #C7C7D5

#3E3E6F #C7C7D5

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

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

0.0%	0.0% #3E3E6F	RGB 62 62 111	#3E3E6F
16.7%	16.7% #545480	RGB 84 84 128	#545480
33.3%	33.3% #6B6B91	RGB 107 107 145	#6B6B91
50.0%	50.0% #8282A2	RGB 130 130 162	#8282A2
66.7%	66.7% #9999B3	RGB 153 153 179	#9999B3
83.3%	83.3% #B0B0C4	RGB 176 176 196	#B0B0C4
100.0%	100.0% #C7C7D5	RGB 199 199 213	#C7C7D5

#3E3E6F #545480 #6B6B91 #8282A2 #9999B3 #B0B0C4 #C7C7D5

#3E3E6F - #C7C7D5

HSV Blend

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

0.0%	0.0% #3E3E6F	RGB 62 62 111	#3E3E6F
16.7%	16.7% #4F4F80	RGB 79 79 128	#4F4F80
33.3%	33.3% #636391	RGB 99 99 145	#636391
50.0%	50.0% #7878A2	RGB 120 120 162	#7878A2
66.7%	66.7% #9090B3	RGB 144 144 179	#9090B3
83.3%	83.3% #AAAAC4	RGB 170 170 196	#AAAAC4
100.0%	100.0% #C7C7D5	RGB 199 199 213	#C7C7D5

#3E3E6F #4F4F80 #636391 #7878A2 #9090B3 #AAAAC4 #C7C7D5

#3E3E6F - #7878A2 - #C7C7D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E6F 0%, #7878A2 50%, #C7C7D5 100%);
    background: -webkit-linear-gradient(top, #3E3E6F 0%, #7878A2 50%, #C7C7D5 100%);
    background: linear-gradient(to bottom, #3E3E6F 0%, #7878A2 50%, #C7C7D5 100%);
}
</style>