#C9C9E2 - #7E77D0 | 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 #C9C9E2 to #7E77D0

#C9C9E2 #7E77D0

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

#C9C9E2 - #7E77D0 | 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 #C9C9E2 as 0% and #7E77D0 as 100%.

0.0%	0.0% #C9C9E2	RGB 201 201 226	#C9C9E2
16.7%	16.7% #BCBBDF	RGB 188 187 223	#BCBBDF
33.3%	33.3% #B0ADDC	RGB 176 173 220	#B0ADDC
50.0%	50.0% #A3A0D9	RGB 163 160 217	#A3A0D9
66.7%	66.7% #9792D6	RGB 151 146 214	#9792D6
83.3%	83.3% #8A84D3	RGB 138 132 211	#8A84D3
100.0%	100.0% #7E77D0	RGB 126 119 208	#7E77D0

#C9C9E2 #BCBBDF #B0ADDC #A3A0D9 #9792D6 #8A84D3 #7E77D0

#C9C9E2 - #7E77D0

HSV Blend

#C9C9E2 - #7E77D0 | 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 #C9C9E2 as 0% and #7E77D0 as 100%.

0.0%	0.0% #C9C9E2	RGB 201 201 226	#C9C9E2
16.7%	16.7% #BBBADF	RGB 187 186 223	#BBBADF
33.3%	33.3% #ADACDC	RGB 173 172 220	#ADACDC
50.0%	50.0% #A09ED9	RGB 160 158 217	#A09ED9
66.7%	66.7% #9491D6	RGB 148 145 214	#9491D6
83.3%	83.3% #8983D3	RGB 137 131 211	#8983D3
100.0%	100.0% #7E77D0	RGB 126 119 208	#7E77D0

#C9C9E2 #BBBADF #ADACDC #A09ED9 #9491D6 #8983D3 #7E77D0

#C9C9E2 - #A09ED9 - #7E77D0

CSS codes

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

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