#3C3C7B - #C7C7D9 | 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 #3C3C7B to #C7C7D9

#3C3C7B #C7C7D9

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

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

0.0%	0.0% #3C3C7B	RGB 60 60 123	#3C3C7B
16.7%	16.7% #53538A	RGB 83 83 138	#53538A
33.3%	33.3% #6A6A9A	RGB 106 106 154	#6A6A9A
50.0%	50.0% #8181AA	RGB 129 129 170	#8181AA
66.7%	66.7% #9898B9	RGB 152 152 185	#9898B9
83.3%	83.3% #AFAFC9	RGB 175 175 201	#AFAFC9
100.0%	100.0% #C7C7D9	RGB 199 199 217	#C7C7D9

#3C3C7B #53538A #6A6A9A #8181AA #9898B9 #AFAFC9 #C7C7D9

#3C3C7B - #C7C7D9

HSV Blend

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

0.0%	0.0% #3C3C7B	RGB 60 60 123	#3C3C7B
16.7%	16.7% #4D4D8A	RGB 77 77 138	#4D4D8A
33.3%	33.3% #61619A	RGB 97 97 154	#61619A
50.0%	50.0% #7777AA	RGB 119 119 170	#7777AA
66.7%	66.7% #8F8FB9	RGB 143 143 185	#8F8FB9
83.3%	83.3% #AAAAC9	RGB 170 170 201	#AAAAC9
100.0%	100.0% #C7C7D9	RGB 199 199 217	#C7C7D9

#3C3C7B #4D4D8A #61619A #7777AA #8F8FB9 #AAAAC9 #C7C7D9

#3C3C7B - #7777AA - #C7C7D9

CSS codes

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

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