#C2AFB7 - #91596A | 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 #C2AFB7 to #91596A

#C2AFB7 #91596A

Calculate the color between two colors, #C2AFB7 and #91596A. 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)

#C2AFB7 - #91596A | 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 #C2AFB7 as 0% and #91596A as 100%.

0.0%	0.0% #C2AFB7	RGB 194 175 183	#C2AFB7
16.7%	16.7% #B9A0AA	RGB 185 160 170	#B9A0AA
33.3%	33.3% #B1929D	RGB 177 146 157	#B1929D
50.0%	50.0% #A98490	RGB 169 132 144	#A98490
66.7%	66.7% #A17583	RGB 161 117 131	#A17583
83.3%	83.3% #996776	RGB 153 103 118	#996776
100.0%	100.0% #91596A	RGB 145 89 106	#91596A

#C2AFB7 #B9A0AA #B1929D #A98490 #A17583 #996776 #91596A

#C2AFB7 - #91596A

HSV Blend

#C2AFB7 - #91596A | 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 #C2AFB7 as 0% and #91596A as 100%.

0.0%	0.0% #C2AFB7	RGB 194 175 183	#C2AFB7
16.7%	16.7% #B99EA9	RGB 185 158 169	#B99EA9
33.3%	33.3% #B18F9C	RGB 177 143 156	#B18F9C
50.0%	50.0% #A9808F	RGB 169 128 143	#A9808F
66.7%	66.7% #A17282	RGB 161 114 130	#A17282
83.3%	83.3% #996576	RGB 153 101 118	#996576
100.0%	100.0% #91596A	RGB 145 89 106	#91596A

#C2AFB7 #B99EA9 #B18F9C #A9808F #A17282 #996576 #91596A

#C2AFB7 - #A9808F - #91596A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2AFB7 0%, #A9808F 50%, #91596A 100%);
    background: -webkit-linear-gradient(top, #C2AFB7 0%, #A9808F 50%, #91596A 100%);
    background: linear-gradient(to bottom, #C2AFB7 0%, #A9808F 50%, #91596A 100%);
}
</style>