#3C2D43 - #C7C3C9 | 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 #3C2D43 to #C7C3C9

#3C2D43 #C7C3C9

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

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

0.0%	0.0% #3C2D43	RGB 60 45 67	#3C2D43
16.7%	16.7% #534659	RGB 83 70 89	#534659
33.3%	33.3% #6A5F6F	RGB 106 95 111	#6A5F6F
50.0%	50.0% #817886	RGB 129 120 134	#817886
66.7%	66.7% #98919C	RGB 152 145 156	#98919C
83.3%	83.3% #AFAAB2	RGB 175 170 178	#AFAAB2
100.0%	100.0% #C7C3C9	RGB 199 195 201	#C7C3C9

#3C2D43 #534659 #6A5F6F #817886 #98919C #AFAAB2 #C7C3C9

#3C2D43 - #C7C3C9

HSV Blend

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

0.0%	0.0% #3C2D43	RGB 60 45 67	#3C2D43
16.7%	16.7% #514059	RGB 81 64 89	#514059
33.3%	33.3% #67566F	RGB 103 86 111	#67566F
50.0%	50.0% #7E6E86	RGB 126 110 134	#7E6E86
66.7%	66.7% #95889C	RGB 149 136 156	#95889C
83.3%	83.3% #ADA4B2	RGB 173 164 178	#ADA4B2
100.0%	100.0% #C7C3C9	RGB 199 195 201	#C7C3C9

#3C2D43 #514059 #67566F #7E6E86 #95889C #ADA4B2 #C7C3C9

#3C2D43 - #7E6E86 - #C7C3C9

CSS codes

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

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