#CDA8DF - #9E42B0 | 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 #CDA8DF to #9E42B0

#CDA8DF #9E42B0

Calculate the color between two colors, #CDA8DF and #9E42B0. 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)

#CDA8DF - #9E42B0 | 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 #CDA8DF as 0% and #9E42B0 as 100%.

0.0%	0.0% #CDA8DF	RGB 205 168 223	#CDA8DF
16.7%	16.7% #C597D7	RGB 197 151 215	#C597D7
33.3%	33.3% #BD86CF	RGB 189 134 207	#BD86CF
50.0%	50.0% #B575C7	RGB 181 117 199	#B575C7
66.7%	66.7% #AD64BF	RGB 173 100 191	#AD64BF
83.3%	83.3% #A553B7	RGB 165 83 183	#A553B7
100.0%	100.0% #9E42B0	RGB 158 66 176	#9E42B0

#CDA8DF #C597D7 #BD86CF #B575C7 #AD64BF #A553B7 #9E42B0

#CDA8DF - #9E42B0

HSV Blend

#CDA8DF - #9E42B0 | 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 #CDA8DF as 0% and #9E42B0 as 100%.

0.0%	0.0% #CDA8DF	RGB 205 168 223	#CDA8DF
16.7%	16.7% #C394D7	RGB 195 148 215	#C394D7
33.3%	33.3% #BA82CF	RGB 186 130 207	#BA82CF
50.0%	50.0% #B270C7	RGB 178 112 199	#B270C7
66.7%	66.7% #AA60BF	RGB 170 96 191	#AA60BF
83.3%	83.3% #A450B7	RGB 164 80 183	#A450B7
100.0%	100.0% #9E42B0	RGB 158 66 176	#9E42B0

#CDA8DF #C394D7 #BA82CF #B270C7 #AA60BF #A450B7 #9E42B0

#CDA8DF - #B270C7 - #9E42B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDA8DF 0%, #B270C7 50%, #9E42B0 100%);
    background: -webkit-linear-gradient(top, #CDA8DF 0%, #B270C7 50%, #9E42B0 100%);
    background: linear-gradient(to bottom, #CDA8DF 0%, #B270C7 50%, #9E42B0 100%);
}
</style>