#3C3E7E - #C7C7DA | 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 #3C3E7E to #C7C7DA

#3C3E7E #C7C7DA

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

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

0.0%	0.0% #3C3E7E	RGB 60 62 126	#3C3E7E
16.7%	16.7% #53548D	RGB 83 84 141	#53548D
33.3%	33.3% #6A6B9C	RGB 106 107 156	#6A6B9C
50.0%	50.0% #8182AC	RGB 129 130 172	#8182AC
66.7%	66.7% #9899BB	RGB 152 153 187	#9899BB
83.3%	83.3% #AFB0CA	RGB 175 176 202	#AFB0CA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3C3E7E #53548D #6A6B9C #8182AC #9899BB #AFB0CA #C7C7DA

#3C3E7E - #C7C7DA

HSV Blend

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

0.0%	0.0% #3C3E7E	RGB 60 62 126	#3C3E7E
16.7%	16.7% #4D4F8D	RGB 77 79 141	#4D4F8D
33.3%	33.3% #61629C	RGB 97 98 156	#61629C
50.0%	50.0% #7778AC	RGB 119 120 172	#7778AC
66.7%	66.7% #8F90BB	RGB 143 144 187	#8F90BB
83.3%	83.3% #AAAACA	RGB 170 170 202	#AAAACA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3C3E7E #4D4F8D #61629C #7778AC #8F90BB #AAAACA #C7C7DA

#3C3E7E - #7778AC - #C7C7DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E7E 0%, #7778AC 50%, #C7C7DA 100%);
    background: -webkit-linear-gradient(top, #3C3E7E 0%, #7778AC 50%, #C7C7DA 100%);
    background: linear-gradient(to bottom, #3C3E7E 0%, #7778AC 50%, #C7C7DA 100%);
}
</style>