#C7AFB2 - #905E64 | 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 #C7AFB2 to #905E64

#C7AFB2 #905E64

Calculate the color between two colors, #C7AFB2 and #905E64. 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)

#C7AFB2 - #905E64 | 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 #C7AFB2 as 0% and #905E64 as 100%.

0.0%	0.0% #C7AFB2	RGB 199 175 178	#C7AFB2
16.7%	16.7% #BDA1A5	RGB 189 161 165	#BDA1A5
33.3%	33.3% #B49498	RGB 180 148 152	#B49498
50.0%	50.0% #AB868B	RGB 171 134 139	#AB868B
66.7%	66.7% #A2797E	RGB 162 121 126	#A2797E
83.3%	83.3% #996B71	RGB 153 107 113	#996B71
100.0%	100.0% #905E64	RGB 144 94 100	#905E64

#C7AFB2 #BDA1A5 #B49498 #AB868B #A2797E #996B71 #905E64

#C7AFB2 - #905E64

HSV Blend

#C7AFB2 - #905E64 | 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 #C7AFB2 as 0% and #905E64 as 100%.

0.0%	0.0% #C7AFB2	RGB 199 175 178	#C7AFB2
16.7%	16.7% #BD9FA3	RGB 189 159 163	#BD9FA3
33.3%	33.3% #B49195	RGB 180 145 149	#B49195
50.0%	50.0% #AB8388	RGB 171 131 136	#AB8388
66.7%	66.7% #A2767B	RGB 162 118 123	#A2767B
83.3%	83.3% #99696F	RGB 153 105 111	#99696F
100.0%	100.0% #905E64	RGB 144 94 100	#905E64

#C7AFB2 #BD9FA3 #B49195 #AB8388 #A2767B #99696F #905E64

#C7AFB2 - #AB8388 - #905E64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7AFB2 0%, #AB8388 50%, #905E64 100%);
    background: -webkit-linear-gradient(top, #C7AFB2 0%, #AB8388 50%, #905E64 100%);
    background: linear-gradient(to bottom, #C7AFB2 0%, #AB8388 50%, #905E64 100%);
}
</style>