#CDB5E7 - #8042BE | 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 #CDB5E7 to #8042BE

#CDB5E7 #8042BE

Calculate the color between two colors, #CDB5E7 and #8042BE. 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)

#CDB5E7 - #8042BE | 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 #CDB5E7 as 0% and #8042BE as 100%.

0.0%	0.0% #CDB5E7	RGB 205 181 231	#CDB5E7
16.7%	16.7% #C0A1E0	RGB 192 161 224	#C0A1E0
33.3%	33.3% #B38ED9	RGB 179 142 217	#B38ED9
50.0%	50.0% #A67BD2	RGB 166 123 210	#A67BD2
66.7%	66.7% #9968CB	RGB 153 104 203	#9968CB
83.3%	83.3% #8C55C4	RGB 140 85 196	#8C55C4
100.0%	100.0% #8042BE	RGB 128 66 190	#8042BE

#CDB5E7 #C0A1E0 #B38ED9 #A67BD2 #9968CB #8C55C4 #8042BE

#CDB5E7 - #8042BE

HSV Blend

#CDB5E7 - #8042BE | 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 #CDB5E7 as 0% and #8042BE as 100%.

0.0%	0.0% #CDB5E7	RGB 205 181 231	#CDB5E7
16.7%	16.7% #BE9FE0	RGB 190 159 224	#BE9FE0
33.3%	33.3% #B08AD9	RGB 176 138 217	#B08AD9
50.0%	50.0% #A377D2	RGB 163 119 210	#A377D2
66.7%	66.7% #9764CB	RGB 151 100 203	#9764CB
83.3%	83.3% #8B52C4	RGB 139 82 196	#8B52C4
100.0%	100.0% #8042BE	RGB 128 66 190	#8042BE

#CDB5E7 #BE9FE0 #B08AD9 #A377D2 #9764CB #8B52C4 #8042BE

#CDB5E7 - #A377D2 - #8042BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
    background: -webkit-linear-gradient(top, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
    background: linear-gradient(to bottom, #CDB5E7 0%, #A377D2 50%, #8042BE 100%);
}
</style>