#CCC5E9 - #8364AE | 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 #CCC5E9 to #8364AE

#CCC5E9 #8364AE

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

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

0.0%	0.0% #CCC5E9	RGB 204 197 233	#CCC5E9
16.7%	16.7% #BFB4DF	RGB 191 180 223	#BFB4DF
33.3%	33.3% #B3A4D5	RGB 179 164 213	#B3A4D5
50.0%	50.0% #A794CB	RGB 167 148 203	#A794CB
66.7%	66.7% #9B84C1	RGB 155 132 193	#9B84C1
83.3%	83.3% #8F74B7	RGB 143 116 183	#8F74B7
100.0%	100.0% #8364AE	RGB 131 100 174	#8364AE

#CCC5E9 #BFB4DF #B3A4D5 #A794CB #9B84C1 #8F74B7 #8364AE

#CCC5E9 - #8364AE

HSV Blend

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

0.0%	0.0% #CCC5E9	RGB 204 197 233	#CCC5E9
16.7%	16.7% #BCB2DF	RGB 188 178 223	#BCB2DF
33.3%	33.3% #AFA1D5	RGB 175 161 213	#AFA1D5
50.0%	50.0% #A290CB	RGB 162 144 203	#A290CB
66.7%	66.7% #9780C1	RGB 151 128 193	#9780C1
83.3%	83.3% #8C71B7	RGB 140 113 183	#8C71B7
100.0%	100.0% #8364AE	RGB 131 100 174	#8364AE

#CCC5E9 #BCB2DF #AFA1D5 #A290CB #9780C1 #8C71B7 #8364AE

#CCC5E9 - #A290CB - #8364AE

CSS codes

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

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