#CBCBDC - #847AB1 | 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 #CBCBDC to #847AB1

#CBCBDC #847AB1

Calculate the color between two colors, #CBCBDC and #847AB1. 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)

#CBCBDC - #847AB1 | 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 #CBCBDC as 0% and #847AB1 as 100%.

0.0%	0.0% #CBCBDC	RGB 203 203 220	#CBCBDC
16.7%	16.7% #BFBDD4	RGB 191 189 212	#BFBDD4
33.3%	33.3% #B3B0CD	RGB 179 176 205	#B3B0CD
50.0%	50.0% #A7A2C6	RGB 167 162 198	#A7A2C6
66.7%	66.7% #9B95BF	RGB 155 149 191	#9B95BF
83.3%	83.3% #8F87B8	RGB 143 135 184	#8F87B8
100.0%	100.0% #847AB1	RGB 132 122 177	#847AB1

#CBCBDC #BFBDD4 #B3B0CD #A7A2C6 #9B95BF #8F87B8 #847AB1

#CBCBDC - #847AB1

HSV Blend

#CBCBDC - #847AB1 | 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 #CBCBDC as 0% and #847AB1 as 100%.

0.0%	0.0% #CBCBDC	RGB 203 203 220	#CBCBDC
16.7%	16.7% #BCBCD4	RGB 188 188 212	#BCBCD4
33.3%	33.3% #AFADCD	RGB 175 173 205	#AFADCD
50.0%	50.0% #A39FC6	RGB 163 159 198	#A39FC6
66.7%	66.7% #9892BF	RGB 152 146 191	#9892BF
83.3%	83.3% #8D86B8	RGB 141 134 184	#8D86B8
100.0%	100.0% #847AB1	RGB 132 122 177	#847AB1

#CBCBDC #BCBCD4 #AFADCD #A39FC6 #9892BF #8D86B8 #847AB1

#CBCBDC - #A39FC6 - #847AB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBCBDC 0%, #A39FC6 50%, #847AB1 100%);
    background: -webkit-linear-gradient(top, #CBCBDC 0%, #A39FC6 50%, #847AB1 100%);
    background: linear-gradient(to bottom, #CBCBDC 0%, #A39FC6 50%, #847AB1 100%);
}
</style>