#3C234C - #C7C0CB | 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 #3C234C to #C7C0CB

#3C234C #C7C0CB

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

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

0.0%	0.0% #3C234C	RGB 60 35 76	#3C234C
16.7%	16.7% #533D61	RGB 83 61 97	#533D61
33.3%	33.3% #6A5776	RGB 106 87 118	#6A5776
50.0%	50.0% #81718B	RGB 129 113 139	#81718B
66.7%	66.7% #988BA0	RGB 152 139 160	#988BA0
83.3%	83.3% #AFA5B5	RGB 175 165 181	#AFA5B5
100.0%	100.0% #C7C0CB	RGB 199 192 203	#C7C0CB

#3C234C #533D61 #6A5776 #81718B #988BA0 #AFA5B5 #C7C0CB

#3C234C - #C7C0CB

HSV Blend

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

0.0%	0.0% #3C234C	RGB 60 35 76	#3C234C
16.7%	16.7% #4F3461	RGB 79 52 97	#4F3461
33.3%	33.3% #654976	RGB 101 73 118	#654976
50.0%	50.0% #7B628B	RGB 123 98 139	#7B628B
66.7%	66.7% #937DA0	RGB 147 125 160	#937DA0
83.3%	83.3% #AC9DB5	RGB 172 157 181	#AC9DB5
100.0%	100.0% #C7C0CB	RGB 199 192 203	#C7C0CB

#3C234C #4F3461 #654976 #7B628B #937DA0 #AC9DB5 #C7C0CB

#3C234C - #7B628B - #C7C0CB

CSS codes

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

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