#3C132D - #C7BBC2 | 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 #3C132D to #C7BBC2

#3C132D #C7BBC2

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

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

0.0%	0.0% #3C132D	RGB 60 19 45	#3C132D
16.7%	16.7% #532F45	RGB 83 47 69	#532F45
33.3%	33.3% #6A4B5E	RGB 106 75 94	#6A4B5E
50.0%	50.0% #816777	RGB 129 103 119	#816777
66.7%	66.7% #988390	RGB 152 131 144	#988390
83.3%	83.3% #AF9FA9	RGB 175 159 169	#AF9FA9
100.0%	100.0% #C7BBC2	RGB 199 187 194	#C7BBC2

#3C132D #532F45 #6A4B5E #816777 #988390 #AF9FA9 #C7BBC2

#3C132D - #C7BBC2

HSV Blend

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

0.0%	0.0% #3C132D	RGB 60 19 45	#3C132D
16.7%	16.7% #532241	RGB 83 34 65	#532241
33.3%	33.3% #6A3756	RGB 106 55 86	#6A3756
50.0%	50.0% #81516E	RGB 129 81 110	#81516E
66.7%	66.7% #986F88	RGB 152 111 136	#986F88
83.3%	83.3% #AF92A4	RGB 175 146 164	#AF92A4
100.0%	100.0% #C7BBC2	RGB 199 187 194	#C7BBC2

#3C132D #532241 #6A3756 #81516E #986F88 #AF92A4 #C7BBC2

#3C132D - #81516E - #C7BBC2

CSS codes

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

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