#CEC2E7 - #8361AB | 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 #CEC2E7 to #8361AB

#CEC2E7 #8361AB

Calculate the color between two colors, #CEC2E7 and #8361AB. 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)

#CEC2E7 - #8361AB | 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 #CEC2E7 as 0% and #8361AB as 100%.

0.0%	0.0% #CEC2E7	RGB 206 194 231	#CEC2E7
16.7%	16.7% #C1B1DD	RGB 193 177 221	#C1B1DD
33.3%	33.3% #B5A1D3	RGB 181 161 211	#B5A1D3
50.0%	50.0% #A891C9	RGB 168 145 201	#A891C9
66.7%	66.7% #9C81BF	RGB 156 129 191	#9C81BF
83.3%	83.3% #8F71B5	RGB 143 113 181	#8F71B5
100.0%	100.0% #8361AB	RGB 131 97 171	#8361AB

#CEC2E7 #C1B1DD #B5A1D3 #A891C9 #9C81BF #8F71B5 #8361AB

#CEC2E7 - #8361AB

HSV Blend

#CEC2E7 - #8361AB | 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 #CEC2E7 as 0% and #8361AB as 100%.

0.0%	0.0% #CEC2E7	RGB 206 194 231	#CEC2E7
16.7%	16.7% #BFAFDD	RGB 191 175 221	#BFAFDD
33.3%	33.3% #B19ED3	RGB 177 158 211	#B19ED3
50.0%	50.0% #A48DC9	RGB 164 141 201	#A48DC9
66.7%	66.7% #987DBF	RGB 152 125 191	#987DBF
83.3%	83.3% #8D6EB5	RGB 141 110 181	#8D6EB5
100.0%	100.0% #8361AB	RGB 131 97 171	#8361AB

#CEC2E7 #BFAFDD #B19ED3 #A48DC9 #987DBF #8D6EB5 #8361AB

#CEC2E7 - #A48DC9 - #8361AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC2E7 0%, #A48DC9 50%, #8361AB 100%);
    background: -webkit-linear-gradient(top, #CEC2E7 0%, #A48DC9 50%, #8361AB 100%);
    background: linear-gradient(to bottom, #CEC2E7 0%, #A48DC9 50%, #8361AB 100%);
}
</style>