#CEC7DF - #856BA0 | 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 #CEC7DF to #856BA0

#CEC7DF #856BA0

Calculate the color between two colors, #CEC7DF and #856BA0. 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)

#CEC7DF - #856BA0 | 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 #CEC7DF as 0% and #856BA0 as 100%.

0.0%	0.0% #CEC7DF	RGB 206 199 223	#CEC7DF
16.7%	16.7% #C1B7D4	RGB 193 183 212	#C1B7D4
33.3%	33.3% #B5A8CA	RGB 181 168 202	#B5A8CA
50.0%	50.0% #A999BF	RGB 169 153 191	#A999BF
66.7%	66.7% #9D89B5	RGB 157 137 181	#9D89B5
83.3%	83.3% #917AAA	RGB 145 122 170	#917AAA
100.0%	100.0% #856BA0	RGB 133 107 160	#856BA0

#CEC7DF #C1B7D4 #B5A8CA #A999BF #9D89B5 #917AAA #856BA0

#CEC7DF - #856BA0

HSV Blend

#CEC7DF - #856BA0 | 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 #CEC7DF as 0% and #856BA0 as 100%.

0.0%	0.0% #CEC7DF	RGB 206 199 223	#CEC7DF
16.7%	16.7% #BFB5D4	RGB 191 181 212	#BFB5D4
33.3%	33.3% #B2A5CA	RGB 178 165 202	#B2A5CA
50.0%	50.0% #A595BF	RGB 165 149 191	#A595BF
66.7%	66.7% #9A86B5	RGB 154 134 181	#9A86B5
83.3%	83.3% #8F78AA	RGB 143 120 170	#8F78AA
100.0%	100.0% #856BA0	RGB 133 107 160	#856BA0

#CEC7DF #BFB5D4 #B2A5CA #A595BF #9A86B5 #8F78AA #856BA0

#CEC7DF - #A595BF - #856BA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC7DF 0%, #A595BF 50%, #856BA0 100%);
    background: -webkit-linear-gradient(top, #CEC7DF 0%, #A595BF 50%, #856BA0 100%);
    background: linear-gradient(to bottom, #CEC7DF 0%, #A595BF 50%, #856BA0 100%);
}
</style>