#CBB5D9 - #6F529C | 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 #CBB5D9 to #6F529C

#CBB5D9 #6F529C

Calculate the color between two colors, #CBB5D9 and #6F529C. 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)

#CBB5D9 - #6F529C | 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 #CBB5D9 as 0% and #6F529C as 100%.

0.0%	0.0% #CBB5D9	RGB 203 181 217	#CBB5D9
16.7%	16.7% #BBA4CE	RGB 187 164 206	#BBA4CE
33.3%	33.3% #AC94C4	RGB 172 148 196	#AC94C4
50.0%	50.0% #9D83BA	RGB 157 131 186	#9D83BA
66.7%	66.7% #8D73B0	RGB 141 115 176	#8D73B0
83.3%	83.3% #7E62A6	RGB 126 98 166	#7E62A6
100.0%	100.0% #6F529C	RGB 111 82 156	#6F529C

#CBB5D9 #BBA4CE #AC94C4 #9D83BA #8D73B0 #7E62A6 #6F529C

#CBB5D9 - #6F529C

HSV Blend

#CBB5D9 - #6F529C | 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 #CBB5D9 as 0% and #6F529C as 100%.

0.0%	0.0% #CBB5D9	RGB 203 181 217	#CBB5D9
16.7%	16.7% #BBA1CE	RGB 187 161 206	#BBA1CE
33.3%	33.3% #AC8FC4	RGB 172 143 196	#AC8FC4
50.0%	50.0% #9C7EBA	RGB 156 126 186	#9C7EBA
66.7%	66.7% #8D6EB0	RGB 141 110 176	#8D6EB0
83.3%	83.3% #7D5FA6	RGB 125 95 166	#7D5FA6
100.0%	100.0% #6F529C	RGB 111 82 156	#6F529C

#CBB5D9 #BBA1CE #AC8FC4 #9C7EBA #8D6EB0 #7D5FA6 #6F529C

#CBB5D9 - #9C7EBA - #6F529C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBB5D9 0%, #9C7EBA 50%, #6F529C 100%);
    background: -webkit-linear-gradient(top, #CBB5D9 0%, #9C7EBA 50%, #6F529C 100%);
    background: linear-gradient(to bottom, #CBB5D9 0%, #9C7EBA 50%, #6F529C 100%);
}
</style>