#C5C0D9 - #91689E | 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 #C5C0D9 to #91689E

#C5C0D9 #91689E

Calculate the color between two colors, #C5C0D9 and #91689E. 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)

#C5C0D9 - #91689E | 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 #C5C0D9 as 0% and #91689E as 100%.

0.0%	0.0% #C5C0D9	RGB 197 192 217	#C5C0D9
16.7%	16.7% #BCB1CF	RGB 188 177 207	#BCB1CF
33.3%	33.3% #B3A2C5	RGB 179 162 197	#B3A2C5
50.0%	50.0% #AB94BB	RGB 171 148 187	#AB94BB
66.7%	66.7% #A285B1	RGB 162 133 177	#A285B1
83.3%	83.3% #9976A7	RGB 153 118 167	#9976A7
100.0%	100.0% #91689E	RGB 145 104 158	#91689E

#C5C0D9 #BCB1CF #B3A2C5 #AB94BB #A285B1 #9976A7 #91689E

#C5C0D9 - #91689E

HSV Blend

#C5C0D9 - #91689E | 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 #C5C0D9 as 0% and #91689E as 100%.

0.0%	0.0% #C5C0D9	RGB 197 192 217	#C5C0D9
16.7%	16.7% #B8AFCF	RGB 184 175 207	#B8AFCF
33.3%	33.3% #AE9FC5	RGB 174 159 197	#AE9FC5
50.0%	50.0% #A590BB	RGB 165 144 187	#A590BB
66.7%	66.7% #9D82B1	RGB 157 130 177	#9D82B1
83.3%	83.3% #9674A7	RGB 150 116 167	#9674A7
100.0%	100.0% #91689E	RGB 145 104 158	#91689E

#C5C0D9 #B8AFCF #AE9FC5 #A590BB #9D82B1 #9674A7 #91689E

#C5C0D9 - #A590BB - #91689E

CSS codes

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

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