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

#3C3C7E #C7C7DA

Calculate the color between two colors, #3C3C7E 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)

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

0.0%	0.0% #3C3C7E	RGB 60 60 126	#3C3C7E
16.7%	16.7% #53538D	RGB 83 83 141	#53538D
33.3%	33.3% #6A6A9C	RGB 106 106 156	#6A6A9C
50.0%	50.0% #8181AC	RGB 129 129 172	#8181AC
66.7%	66.7% #9898BB	RGB 152 152 187	#9898BB
83.3%	83.3% #AFAFCA	RGB 175 175 202	#AFAFCA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3C3C7E #53538D #6A6A9C #8181AC #9898BB #AFAFCA #C7C7DA

#3C3C7E - #C7C7DA

HSV Blend

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

0.0%	0.0% #3C3C7E	RGB 60 60 126	#3C3C7E
16.7%	16.7% #4D4D8D	RGB 77 77 141	#4D4D8D
33.3%	33.3% #61619C	RGB 97 97 156	#61619C
50.0%	50.0% #7777AC	RGB 119 119 172	#7777AC
66.7%	66.7% #8F8FBB	RGB 143 143 187	#8F8FBB
83.3%	83.3% #AAAACA	RGB 170 170 202	#AAAACA
100.0%	100.0% #C7C7DA	RGB 199 199 218	#C7C7DA

#3C3C7E #4D4D8D #61619C #7777AC #8F8FBB #AAAACA #C7C7DA

#3C3C7E - #7777AC - #C7C7DA

CSS codes

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

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