#C7B0BA - #985B70 | 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 #C7B0BA to #985B70

#C7B0BA #985B70

Calculate the color between two colors, #C7B0BA and #985B70. 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)

#C7B0BA - #985B70 | 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 #C7B0BA as 0% and #985B70 as 100%.

0.0%	0.0% #C7B0BA	RGB 199 176 186	#C7B0BA
16.7%	16.7% #BFA1AD	RGB 191 161 173	#BFA1AD
33.3%	33.3% #B793A1	RGB 183 147 161	#B793A1
50.0%	50.0% #AF8595	RGB 175 133 149	#AF8595
66.7%	66.7% #A77788	RGB 167 119 136	#A77788
83.3%	83.3% #9F697C	RGB 159 105 124	#9F697C
100.0%	100.0% #985B70	RGB 152 91 112	#985B70

#C7B0BA #BFA1AD #B793A1 #AF8595 #A77788 #9F697C #985B70

#C7B0BA - #985B70

HSV Blend

#C7B0BA - #985B70 | 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 #C7B0BA as 0% and #985B70 as 100%.

0.0%	0.0% #C7B0BA	RGB 199 176 186	#C7B0BA
16.7%	16.7% #BF9FAD	RGB 191 159 173	#BF9FAD
33.3%	33.3% #B790A0	RGB 183 144 160	#B790A0
50.0%	50.0% #AF8293	RGB 175 130 147	#AF8293
66.7%	66.7% #A77487	RGB 167 116 135	#A77487
83.3%	83.3% #9F677B	RGB 159 103 123	#9F677B
100.0%	100.0% #985B70	RGB 152 91 112	#985B70

#C7B0BA #BF9FAD #B790A0 #AF8293 #A77487 #9F677B #985B70

#C7B0BA - #AF8293 - #985B70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B0BA 0%, #AF8293 50%, #985B70 100%);
    background: -webkit-linear-gradient(top, #C7B0BA 0%, #AF8293 50%, #985B70 100%);
    background: linear-gradient(to bottom, #C7B0BA 0%, #AF8293 50%, #985B70 100%);
}
</style>