#3C3C8C - #C7C7DE | 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 #3C3C8C to #C7C7DE

#3C3C8C #C7C7DE

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

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

0.0%	0.0% #3C3C8C	RGB 60 60 140	#3C3C8C
16.7%	16.7% #535399	RGB 83 83 153	#535399
33.3%	33.3% #6A6AA7	RGB 106 106 167	#6A6AA7
50.0%	50.0% #8181B5	RGB 129 129 181	#8181B5
66.7%	66.7% #9898C2	RGB 152 152 194	#9898C2
83.3%	83.3% #AFAFD0	RGB 175 175 208	#AFAFD0
100.0%	100.0% #C7C7DE	RGB 199 199 222	#C7C7DE

#3C3C8C #535399 #6A6AA7 #8181B5 #9898C2 #AFAFD0 #C7C7DE

#3C3C8C - #C7C7DE

HSV Blend

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

0.0%	0.0% #3C3C8C	RGB 60 60 140	#3C3C8C
16.7%	16.7% #4D4D99	RGB 77 77 153	#4D4D99
33.3%	33.3% #6161A7	RGB 97 97 167	#6161A7
50.0%	50.0% #7777B5	RGB 119 119 181	#7777B5
66.7%	66.7% #9090C2	RGB 144 144 194	#9090C2
83.3%	83.3% #AAAAD0	RGB 170 170 208	#AAAAD0
100.0%	100.0% #C7C7DE	RGB 199 199 222	#C7C7DE

#3C3C8C #4D4D99 #6161A7 #7777B5 #9090C2 #AAAAD0 #C7C7DE

#3C3C8C - #7777B5 - #C7C7DE

CSS codes

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

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