#3C082D - #C7B8C2 | 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 #3C082D to #C7B8C2

#3C082D #C7B8C2

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

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

0.0%	0.0% #3C082D	RGB 60 8 45	#3C082D
16.7%	16.7% #532545	RGB 83 37 69	#532545
33.3%	33.3% #6A425E	RGB 106 66 94	#6A425E
50.0%	50.0% #816077	RGB 129 96 119	#816077
66.7%	66.7% #987D90	RGB 152 125 144	#987D90
83.3%	83.3% #AF9AA9	RGB 175 154 169	#AF9AA9
100.0%	100.0% #C7B8C2	RGB 199 184 194	#C7B8C2

#3C082D #532545 #6A425E #816077 #987D90 #AF9AA9 #C7B8C2

#3C082D - #C7B8C2

HSV Blend

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

0.0%	0.0% #3C082D	RGB 60 8 45	#3C082D
16.7%	16.7% #531641	RGB 83 22 65	#531641
33.3%	33.3% #6A2A56	RGB 106 42 86	#6A2A56
50.0%	50.0% #81446E	RGB 129 68 110	#81446E
66.7%	66.7% #986488	RGB 152 100 136	#986488
83.3%	83.3% #AF8BA3	RGB 175 139 163	#AF8BA3
100.0%	100.0% #C7B8C2	RGB 199 184 194	#C7B8C2

#3C082D #531641 #6A2A56 #81446E #986488 #AF8BA3 #C7B8C2

#3C082D - #81446E - #C7B8C2

CSS codes

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

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