#CAC8DF - #856AA0 | 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 #CAC8DF to #856AA0

#CAC8DF #856AA0

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

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

0.0%	0.0% #CAC8DF	RGB 202 200 223	#CAC8DF
16.7%	16.7% #BEB8D4	RGB 190 184 212	#BEB8D4
33.3%	33.3% #B3A8CA	RGB 179 168 202	#B3A8CA
50.0%	50.0% #A799BF	RGB 167 153 191	#A799BF
66.7%	66.7% #9C89B5	RGB 156 137 181	#9C89B5
83.3%	83.3% #9079AA	RGB 144 121 170	#9079AA
100.0%	100.0% #856AA0	RGB 133 106 160	#856AA0

#CAC8DF #BEB8D4 #B3A8CA #A799BF #9C89B5 #9079AA #856AA0

#CAC8DF - #856AA0

HSV Blend

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

0.0%	0.0% #CAC8DF	RGB 202 200 223	#CAC8DF
16.7%	16.7% #BAB6D4	RGB 186 182 212	#BAB6D4
33.3%	33.3% #ADA5CA	RGB 173 165 202	#ADA5CA
50.0%	50.0% #A195BF	RGB 161 149 191	#A195BF
66.7%	66.7% #9786B5	RGB 151 134 181	#9786B5
83.3%	83.3% #8D77AA	RGB 141 119 170	#8D77AA
100.0%	100.0% #856AA0	RGB 133 106 160	#856AA0

#CAC8DF #BAB6D4 #ADA5CA #A195BF #9786B5 #8D77AA #856AA0

#CAC8DF - #A195BF - #856AA0

CSS codes

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

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