#CEC2E4 - #8363A6 | 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 #CEC2E4 to #8363A6

#CEC2E4 #8363A6

Calculate the color between two colors, #CEC2E4 and #8363A6. 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)

#CEC2E4 - #8363A6 | 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 #CEC2E4 as 0% and #8363A6 as 100%.

0.0%	0.0% #CEC2E4	RGB 206 194 228	#CEC2E4
16.7%	16.7% #C1B2D9	RGB 193 178 217	#C1B2D9
33.3%	33.3% #B5A2CF	RGB 181 162 207	#B5A2CF
50.0%	50.0% #A892C5	RGB 168 146 197	#A892C5
66.7%	66.7% #9C82BA	RGB 156 130 186	#9C82BA
83.3%	83.3% #8F72B0	RGB 143 114 176	#8F72B0
100.0%	100.0% #8363A6	RGB 131 99 166	#8363A6

#CEC2E4 #C1B2D9 #B5A2CF #A892C5 #9C82BA #8F72B0 #8363A6

#CEC2E4 - #8363A6

HSV Blend

#CEC2E4 - #8363A6 | 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 #CEC2E4 as 0% and #8363A6 as 100%.

0.0%	0.0% #CEC2E4	RGB 206 194 228	#CEC2E4
16.7%	16.7% #BFAFD9	RGB 191 175 217	#BFAFD9
33.3%	33.3% #B19ECF	RGB 177 158 207	#B19ECF
50.0%	50.0% #A58EC5	RGB 165 142 197	#A58EC5
66.7%	66.7% #997FBA	RGB 153 127 186	#997FBA
83.3%	83.3% #8D70B0	RGB 141 112 176	#8D70B0
100.0%	100.0% #8363A6	RGB 131 99 166	#8363A6

#CEC2E4 #BFAFD9 #B19ECF #A58EC5 #997FBA #8D70B0 #8363A6

#CEC2E4 - #A58EC5 - #8363A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC2E4 0%, #A58EC5 50%, #8363A6 100%);
    background: -webkit-linear-gradient(top, #CEC2E4 0%, #A58EC5 50%, #8363A6 100%);
    background: linear-gradient(to bottom, #CEC2E4 0%, #A58EC5 50%, #8363A6 100%);
}
</style>