#3C2D4C - #C7C3CB | 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 #3C2D4C to #C7C3CB

#3C2D4C #C7C3CB

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

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

0.0%	0.0% #3C2D4C	RGB 60 45 76	#3C2D4C
16.7%	16.7% #534661	RGB 83 70 97	#534661
33.3%	33.3% #6A5F76	RGB 106 95 118	#6A5F76
50.0%	50.0% #81788B	RGB 129 120 139	#81788B
66.7%	66.7% #9891A0	RGB 152 145 160	#9891A0
83.3%	83.3% #AFAAB5	RGB 175 170 181	#AFAAB5
100.0%	100.0% #C7C3CB	RGB 199 195 203	#C7C3CB

#3C2D4C #534661 #6A5F76 #81788B #9891A0 #AFAAB5 #C7C3CB

#3C2D4C - #C7C3CB

HSV Blend

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

0.0%	0.0% #3C2D4C	RGB 60 45 76	#3C2D4C
16.7%	16.7% #4F3F61	RGB 79 63 97	#4F3F61
33.3%	33.3% #655476	RGB 101 84 118	#655476
50.0%	50.0% #7B6C8B	RGB 123 108 139	#7B6C8B
66.7%	66.7% #9386A0	RGB 147 134 160	#9386A0
83.3%	83.3% #ACA3B5	RGB 172 163 181	#ACA3B5
100.0%	100.0% #C7C3CB	RGB 199 195 203	#C7C3CB

#3C2D4C #4F3F61 #655476 #7B6C8B #9386A0 #ACA3B5 #C7C3CB

#3C2D4C - #7B6C8B - #C7C3CB

CSS codes

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

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