#C5A8B9 - #835669 | 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 #C5A8B9 to #835669

#C5A8B9 #835669

Calculate the color between two colors, #C5A8B9 and #835669. 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)

#C5A8B9 - #835669 | 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 #C5A8B9 as 0% and #835669 as 100%.

0.0%	0.0% #C5A8B9	RGB 197 168 185	#C5A8B9
16.7%	16.7% #BA9AAB	RGB 186 154 171	#BA9AAB
33.3%	33.3% #AF8C9E	RGB 175 140 158	#AF8C9E
50.0%	50.0% #A47F91	RGB 164 127 145	#A47F91
66.7%	66.7% #997183	RGB 153 113 131	#997183
83.3%	83.3% #8E6376	RGB 142 99 118	#8E6376
100.0%	100.0% #835669	RGB 131 86 105	#835669

#C5A8B9 #BA9AAB #AF8C9E #A47F91 #997183 #8E6376 #835669

#C5A8B9 - #835669

HSV Blend

#C5A8B9 - #835669 | 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 #C5A8B9 as 0% and #835669 as 100%.

0.0%	0.0% #C5A8B9	RGB 197 168 185	#C5A8B9
16.7%	16.7% #BA98AB	RGB 186 152 171	#BA98AB
33.3%	33.3% #AF899D	RGB 175 137 157	#AF899D
50.0%	50.0% #A47B90	RGB 164 123 144	#A47B90
66.7%	66.7% #996E82	RGB 153 110 130	#996E82
83.3%	83.3% #8E6175	RGB 142 97 117	#8E6175
100.0%	100.0% #835669	RGB 131 86 105	#835669

#C5A8B9 #BA98AB #AF899D #A47B90 #996E82 #8E6175 #835669

#C5A8B9 - #A47B90 - #835669

CSS codes

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

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