#C7BDEA - #8D6BCE | 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 #C7BDEA to #8D6BCE

#C7BDEA #8D6BCE

Calculate the color between two colors, #C7BDEA and #8D6BCE. 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)

#C7BDEA - #8D6BCE | 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 #C7BDEA as 0% and #8D6BCE as 100%.

0.0%	0.0% #C7BDEA	RGB 199 189 234	#C7BDEA
16.7%	16.7% #BDAFE5	RGB 189 175 229	#BDAFE5
33.3%	33.3% #B3A1E0	RGB 179 161 224	#B3A1E0
50.0%	50.0% #AA94DC	RGB 170 148 220	#AA94DC
66.7%	66.7% #A086D7	RGB 160 134 215	#A086D7
83.3%	83.3% #9678D2	RGB 150 120 210	#9678D2
100.0%	100.0% #8D6BCE	RGB 141 107 206	#8D6BCE

#C7BDEA #BDAFE5 #B3A1E0 #AA94DC #A086D7 #9678D2 #8D6BCE

#C7BDEA - #8D6BCE

HSV Blend

#C7BDEA - #8D6BCE | 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 #C7BDEA as 0% and #8D6BCE as 100%.

0.0%	0.0% #C7BDEA	RGB 199 189 234	#C7BDEA
16.7%	16.7% #BBAEE5	RGB 187 174 229	#BBAEE5
33.3%	33.3% #B09FE0	RGB 176 159 224	#B09FE0
50.0%	50.0% #A691DC	RGB 166 145 220	#A691DC
66.7%	66.7% #9D84D7	RGB 157 132 215	#9D84D7
83.3%	83.3% #9477D2	RGB 148 119 210	#9477D2
100.0%	100.0% #8D6BCE	RGB 141 107 206	#8D6BCE

#C7BDEA #BBAEE5 #B09FE0 #A691DC #9D84D7 #9477D2 #8D6BCE

#C7BDEA - #A691DC - #8D6BCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7BDEA 0%, #A691DC 50%, #8D6BCE 100%);
    background: -webkit-linear-gradient(top, #C7BDEA 0%, #A691DC 50%, #8D6BCE 100%);
    background: linear-gradient(to bottom, #C7BDEA 0%, #A691DC 50%, #8D6BCE 100%);
}
</style>