#C9A8B5 - #925570 | 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 #C9A8B5 to #925570

#C9A8B5 #925570

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

#C9A8B5 - #925570 | 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 #C9A8B5 as 0% and #925570 as 100%.

0.0%	0.0% #C9A8B5	RGB 201 168 181	#C9A8B5
16.7%	16.7% #BF9AA9	RGB 191 154 169	#BF9AA9
33.3%	33.3% #B68C9E	RGB 182 140 158	#B68C9E
50.0%	50.0% #AD7E92	RGB 173 126 146	#AD7E92
66.7%	66.7% #A47087	RGB 164 112 135	#A47087
83.3%	83.3% #9B627B	RGB 155 98 123	#9B627B
100.0%	100.0% #925570	RGB 146 85 112	#925570

#C9A8B5 #BF9AA9 #B68C9E #AD7E92 #A47087 #9B627B #925570

#C9A8B5 - #925570

HSV Blend

#C9A8B5 - #925570 | 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 #C9A8B5 as 0% and #925570 as 100%.

0.0%	0.0% #C9A8B5	RGB 201 168 181	#C9A8B5
16.7%	16.7% #BF98A8	RGB 191 152 168	#BF98A8
33.3%	33.3% #B6899B	RGB 182 137 155	#B6899B
50.0%	50.0% #AD7B90	RGB 173 123 144	#AD7B90
66.7%	66.7% #A46D84	RGB 164 109 132	#A46D84
83.3%	83.3% #9B607A	RGB 155 96 122	#9B607A
100.0%	100.0% #925570	RGB 146 85 112	#925570

#C9A8B5 #BF98A8 #B6899B #AD7B90 #A46D84 #9B607A #925570

#C9A8B5 - #AD7B90 - #925570

CSS codes

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

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