#3C415C - #C7C8D0 | 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 #3C415C to #C7C8D0

#3C415C #C7C8D0

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

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

0.0%	0.0% #3C415C	RGB 60 65 92	#3C415C
16.7%	16.7% #53576F	RGB 83 87 111	#53576F
33.3%	33.3% #6A6E82	RGB 106 110 130	#6A6E82
50.0%	50.0% #818496	RGB 129 132 150	#818496
66.7%	66.7% #989BA9	RGB 152 155 169	#989BA9
83.3%	83.3% #AFB1BC	RGB 175 177 188	#AFB1BC
100.0%	100.0% #C7C8D0	RGB 199 200 208	#C7C8D0

#3C415C #53576F #6A6E82 #818496 #989BA9 #AFB1BC #C7C8D0

#3C415C - #C7C8D0

HSV Blend

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

0.0%	0.0% #3C415C	RGB 60 65 92	#3C415C
16.7%	16.7% #4E536F	RGB 78 83 111	#4E536F
33.3%	33.3% #626782	RGB 98 103 130	#626782
50.0%	50.0% #787C96	RGB 120 124 150	#787C96
66.7%	66.7% #9093A9	RGB 144 147 169	#9093A9
83.3%	83.3% #AAADBC	RGB 170 173 188	#AAADBC
100.0%	100.0% #C7C8D0	RGB 199 200 208	#C7C8D0

#3C415C #4E536F #626782 #787C96 #9093A9 #AAADBC #C7C8D0

#3C415C - #787C96 - #C7C8D0

CSS codes

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

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