#CBB6E2 - #8263AE | 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 #CBB6E2 to #8263AE

#CBB6E2 #8263AE

Calculate the color between two colors, #CBB6E2 and #8263AE. 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)

#CBB6E2 - #8263AE | 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 #CBB6E2 as 0% and #8263AE as 100%.

0.0%	0.0% #CBB6E2	RGB 203 182 226	#CBB6E2
16.7%	16.7% #BEA8D9	RGB 190 168 217	#BEA8D9
33.3%	33.3% #B29AD0	RGB 178 154 208	#B29AD0
50.0%	50.0% #A68CC8	RGB 166 140 200	#A68CC8
66.7%	66.7% #9A7EBF	RGB 154 126 191	#9A7EBF
83.3%	83.3% #8E70B6	RGB 142 112 182	#8E70B6
100.0%	100.0% #8263AE	RGB 130 99 174	#8263AE

#CBB6E2 #BEA8D9 #B29AD0 #A68CC8 #9A7EBF #8E70B6 #8263AE

#CBB6E2 - #8263AE

HSV Blend

#CBB6E2 - #8263AE | 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 #CBB6E2 as 0% and #8263AE as 100%.

0.0%	0.0% #CBB6E2	RGB 203 182 226	#CBB6E2
16.7%	16.7% #BEA6D9	RGB 190 166 217	#BEA6D9
33.3%	33.3% #B197D0	RGB 177 151 208	#B197D0
50.0%	50.0% #A589C8	RGB 165 137 200	#A589C8
66.7%	66.7% #997BBF	RGB 153 123 191	#997BBF
83.3%	83.3% #8D6FB6	RGB 141 111 182	#8D6FB6
100.0%	100.0% #8263AE	RGB 130 99 174	#8263AE

#CBB6E2 #BEA6D9 #B197D0 #A589C8 #997BBF #8D6FB6 #8263AE

#CBB6E2 - #A589C8 - #8263AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBB6E2 0%, #A589C8 50%, #8263AE 100%);
    background: -webkit-linear-gradient(top, #CBB6E2 0%, #A589C8 50%, #8263AE 100%);
    background: linear-gradient(to bottom, #CBB6E2 0%, #A589C8 50%, #8263AE 100%);
}
</style>