#3C345C - #C7C5D0 | 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 #3C345C to #C7C5D0

#3C345C #C7C5D0

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

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

0.0%	0.0% #3C345C	RGB 60 52 92	#3C345C
16.7%	16.7% #534C6F	RGB 83 76 111	#534C6F
33.3%	33.3% #6A6482	RGB 106 100 130	#6A6482
50.0%	50.0% #817C96	RGB 129 124 150	#817C96
66.7%	66.7% #9894A9	RGB 152 148 169	#9894A9
83.3%	83.3% #AFACBC	RGB 175 172 188	#AFACBC
100.0%	100.0% #C7C5D0	RGB 199 197 208	#C7C5D0

#3C345C #534C6F #6A6482 #817C96 #9894A9 #AFACBC #C7C5D0

#3C345C - #C7C5D0

HSV Blend

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

0.0%	0.0% #3C345C	RGB 60 52 92	#3C345C
16.7%	16.7% #4E466F	RGB 78 70 111	#4E466F
33.3%	33.3% #625A82	RGB 98 90 130	#625A82
50.0%	50.0% #787196	RGB 120 113 150	#787196
66.7%	66.7% #908AA9	RGB 144 138 169	#908AA9
83.3%	83.3% #AAA6BC	RGB 170 166 188	#AAA6BC
100.0%	100.0% #C7C5D0	RGB 199 197 208	#C7C5D0

#3C345C #4E466F #625A82 #787196 #908AA9 #AAA6BC #C7C5D0

#3C345C - #787196 - #C7C5D0

CSS codes

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

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