#C9C0DF - #7F61A0 | 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 #C9C0DF to #7F61A0

#C9C0DF #7F61A0

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

#C9C0DF - #7F61A0 | 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 #C9C0DF as 0% and #7F61A0 as 100%.

0.0%	0.0% #C9C0DF	RGB 201 192 223	#C9C0DF
16.7%	16.7% #BCB0D4	RGB 188 176 212	#BCB0D4
33.3%	33.3% #B0A0CA	RGB 176 160 202	#B0A0CA
50.0%	50.0% #A490BF	RGB 164 144 191	#A490BF
66.7%	66.7% #9780B5	RGB 151 128 181	#9780B5
83.3%	83.3% #8B70AA	RGB 139 112 170	#8B70AA
100.0%	100.0% #7F61A0	RGB 127 97 160	#7F61A0

#C9C0DF #BCB0D4 #B0A0CA #A490BF #9780B5 #8B70AA #7F61A0

#C9C0DF - #7F61A0

HSV Blend

#C9C0DF - #7F61A0 | 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 #C9C0DF as 0% and #7F61A0 as 100%.

0.0%	0.0% #C9C0DF	RGB 201 192 223	#C9C0DF
16.7%	16.7% #BAADD4	RGB 186 173 212	#BAADD4
33.3%	33.3% #AC9CCA	RGB 172 156 202	#AC9CCA
50.0%	50.0% #A08CBF	RGB 160 140 191	#A08CBF
66.7%	66.7% #947DB5	RGB 148 125 181	#947DB5
83.3%	83.3% #896EAA	RGB 137 110 170	#896EAA
100.0%	100.0% #7F61A0	RGB 127 97 160	#7F61A0

#C9C0DF #BAADD4 #AC9CCA #A08CBF #947DB5 #896EAA #7F61A0

#C9C0DF - #A08CBF - #7F61A0

CSS codes

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

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