#C8ADFF - #8C4EDA | 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 #C8ADFF to #8C4EDA

#C8ADFF #8C4EDA

Calculate the color between two colors, #C8ADFF and #8C4EDA. 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)

#C8ADFF - #8C4EDA | 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 #C8ADFF as 0% and #8C4EDA as 100%.

0.0%	0.0% #C8ADFF	RGB 200 173 255	#C8ADFF
16.7%	16.7% #BE9DF8	RGB 190 157 248	#BE9DF8
33.3%	33.3% #B48DF2	RGB 180 141 242	#B48DF2
50.0%	50.0% #AA7DEC	RGB 170 125 236	#AA7DEC
66.7%	66.7% #A06DE6	RGB 160 109 230	#A06DE6
83.3%	83.3% #965DE0	RGB 150 93 224	#965DE0
100.0%	100.0% #8C4EDA	RGB 140 78 218	#8C4EDA

#C8ADFF #BE9DF8 #B48DF2 #AA7DEC #A06DE6 #965DE0 #8C4EDA

#C8ADFF - #8C4EDA

HSV Blend

#C8ADFF - #8C4EDA | 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 #C8ADFF as 0% and #8C4EDA as 100%.

0.0%	0.0% #C8ADFF	RGB 200 173 255	#C8ADFF
16.7%	16.7% #BC9BF8	RGB 188 155 248	#BC9BF8
33.3%	33.3% #B08AF2	RGB 176 138 242	#B08AF2
50.0%	50.0% #A67AEC	RGB 166 122 236	#A67AEC
66.7%	66.7% #9C6BE6	RGB 156 107 230	#9C6BE6
83.3%	83.3% #945CE0	RGB 148 92 224	#945CE0
100.0%	100.0% #8C4EDA	RGB 140 78 218	#8C4EDA

#C8ADFF #BC9BF8 #B08AF2 #A67AEC #9C6BE6 #945CE0 #8C4EDA

#C8ADFF - #A67AEC - #8C4EDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8ADFF 0%, #A67AEC 50%, #8C4EDA 100%);
    background: -webkit-linear-gradient(top, #C8ADFF 0%, #A67AEC 50%, #8C4EDA 100%);
    background: linear-gradient(to bottom, #C8ADFF 0%, #A67AEC 50%, #8C4EDA 100%);
}
</style>