#C9C5D3 - #816B90 | 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 #C9C5D3 to #816B90

#C9C5D3 #816B90

Calculate the color between two colors, #C9C5D3 and #816B90. 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)

#C9C5D3 - #816B90 | 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 #C9C5D3 as 0% and #816B90 as 100%.

0.0%	0.0% #C9C5D3	RGB 201 197 211	#C9C5D3
16.7%	16.7% #BDB6C7	RGB 189 182 199	#BDB6C7
33.3%	33.3% #B1A7BC	RGB 177 167 188	#B1A7BC
50.0%	50.0% #A598B1	RGB 165 152 177	#A598B1
66.7%	66.7% #9989A6	RGB 153 137 166	#9989A6
83.3%	83.3% #8D7A9B	RGB 141 122 155	#8D7A9B
100.0%	100.0% #816B90	RGB 129 107 144	#816B90

#C9C5D3 #BDB6C7 #B1A7BC #A598B1 #9989A6 #8D7A9B #816B90

#C9C5D3 - #816B90

HSV Blend

#C9C5D3 - #816B90 | 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 #C9C5D3 as 0% and #816B90 as 100%.

0.0%	0.0% #C9C5D3	RGB 201 197 211	#C9C5D3
16.7%	16.7% #BAB4C7	RGB 186 180 199	#BAB4C7
33.3%	33.3% #ADA4BC	RGB 173 164 188	#ADA4BC
50.0%	50.0% #A194B1	RGB 161 148 177	#A194B1
66.7%	66.7% #9586A6	RGB 149 134 166	#9586A6
83.3%	83.3% #8B789B	RGB 139 120 155	#8B789B
100.0%	100.0% #816B90	RGB 129 107 144	#816B90

#C9C5D3 #BAB4C7 #ADA4BC #A194B1 #9586A6 #8B789B #816B90

#C9C5D3 - #A194B1 - #816B90

CSS codes

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

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