#CD93E7 - #9D3ECE | 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 #CD93E7 to #9D3ECE

#CD93E7 #9D3ECE

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

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

0.0%	0.0% #CD93E7	RGB 205 147 231	#CD93E7
16.7%	16.7% #C584E2	RGB 197 132 226	#C584E2
33.3%	33.3% #BD76DE	RGB 189 118 222	#BD76DE
50.0%	50.0% #B568DA	RGB 181 104 218	#B568DA
66.7%	66.7% #AD5AD6	RGB 173 90 214	#AD5AD6
83.3%	83.3% #A54CD2	RGB 165 76 210	#A54CD2
100.0%	100.0% #9D3ECE	RGB 157 62 206	#9D3ECE

#CD93E7 #C584E2 #BD76DE #B568DA #AD5AD6 #A54CD2 #9D3ECE

#CD93E7 - #9D3ECE

HSV Blend

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

0.0%	0.0% #CD93E7	RGB 205 147 231	#CD93E7
16.7%	16.7% #C483E2	RGB 196 131 226	#C483E2
33.3%	33.3% #BC74DE	RGB 188 116 222	#BC74DE
50.0%	50.0% #B466DA	RGB 180 102 218	#B466DA
66.7%	66.7% #AC58D6	RGB 172 88 214	#AC58D6
83.3%	83.3% #A44BD2	RGB 164 75 210	#A44BD2
100.0%	100.0% #9D3ECE	RGB 157 62 206	#9D3ECE

#CD93E7 #C483E2 #BC74DE #B466DA #AC58D6 #A44BD2 #9D3ECE

#CD93E7 - #B466DA - #9D3ECE

CSS codes

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

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