#C7AFB7 - #94596A | 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 #C7AFB7 to #94596A

#C7AFB7 #94596A

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

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

0.0%	0.0% #C7AFB7	RGB 199 175 183	#C7AFB7
16.7%	16.7% #BEA0AA	RGB 190 160 170	#BEA0AA
33.3%	33.3% #B6929D	RGB 182 146 157	#B6929D
50.0%	50.0% #AD8490	RGB 173 132 144	#AD8490
66.7%	66.7% #A57583	RGB 165 117 131	#A57583
83.3%	83.3% #9C6776	RGB 156 103 118	#9C6776
100.0%	100.0% #94596A	RGB 148 89 106	#94596A

#C7AFB7 #BEA0AA #B6929D #AD8490 #A57583 #9C6776 #94596A

#C7AFB7 - #94596A

HSV Blend

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

0.0%	0.0% #C7AFB7	RGB 199 175 183	#C7AFB7
16.7%	16.7% #BE9EA9	RGB 190 158 169	#BE9EA9
33.3%	33.3% #B68F9B	RGB 182 143 155	#B68F9B
50.0%	50.0% #AD808E	RGB 173 128 142	#AD808E
66.7%	66.7% #A57281	RGB 165 114 129	#A57281
83.3%	83.3% #9C6575	RGB 156 101 117	#9C6575
100.0%	100.0% #94596A	RGB 148 89 106	#94596A

#C7AFB7 #BE9EA9 #B68F9B #AD808E #A57281 #9C6575 #94596A

#C7AFB7 - #AD808E - #94596A

CSS codes

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

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