#C9C6E5 - #776DAE | 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 #C9C6E5 to #776DAE

#C9C6E5 #776DAE

Calculate the color between two colors, #C9C6E5 and #776DAE. 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)

#C9C6E5 - #776DAE | 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 #C9C6E5 as 0% and #776DAE as 100%.

0.0%	0.0% #C9C6E5	RGB 201 198 229	#C9C6E5
16.7%	16.7% #BBB7DB	RGB 187 183 219	#BBB7DB
33.3%	33.3% #ADA8D2	RGB 173 168 210	#ADA8D2
50.0%	50.0% #A099C9	RGB 160 153 201	#A099C9
66.7%	66.7% #928AC0	RGB 146 138 192	#928AC0
83.3%	83.3% #847BB7	RGB 132 123 183	#847BB7
100.0%	100.0% #776DAE	RGB 119 109 174	#776DAE

#C9C6E5 #BBB7DB #ADA8D2 #A099C9 #928AC0 #847BB7 #776DAE

#C9C6E5 - #776DAE

HSV Blend

#C9C6E5 - #776DAE | 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 #C9C6E5 as 0% and #776DAE as 100%.

0.0%	0.0% #C9C6E5	RGB 201 198 229	#C9C6E5
16.7%	16.7% #B9B5DB	RGB 185 181 219	#B9B5DB
33.3%	33.3% #AAA5D2	RGB 170 165 210	#AAA5D2
50.0%	50.0% #9C96C9	RGB 156 150 201	#9C96C9
66.7%	66.7% #8F87C0	RGB 143 135 192	#8F87C0
83.3%	83.3% #827AB7	RGB 130 122 183	#827AB7
100.0%	100.0% #776DAE	RGB 119 109 174	#776DAE

#C9C6E5 #B9B5DB #AAA5D2 #9C96C9 #8F87C0 #827AB7 #776DAE

#C9C6E5 - #9C96C9 - #776DAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C6E5 0%, #9C96C9 50%, #776DAE 100%);
    background: -webkit-linear-gradient(top, #C9C6E5 0%, #9C96C9 50%, #776DAE 100%);
    background: linear-gradient(to bottom, #C9C6E5 0%, #9C96C9 50%, #776DAE 100%);
}
</style>