#CD2DFF - #880AC9 | 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 #CD2DFF to #880AC9

#CD2DFF #880AC9

Calculate the color between two colors, #CD2DFF and #880AC9. 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)

#CD2DFF - #880AC9 | 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 #CD2DFF as 0% and #880AC9 as 100%.

0.0%	0.0% #CD2DFF	RGB 205 45 255	#CD2DFF
16.7%	16.7% #C127F6	RGB 193 39 246	#C127F6
33.3%	33.3% #B621ED	RGB 182 33 237	#B621ED
50.0%	50.0% #AA1BE4	RGB 170 27 228	#AA1BE4
66.7%	66.7% #9F15DB	RGB 159 21 219	#9F15DB
83.3%	83.3% #930FD2	RGB 147 15 210	#930FD2
100.0%	100.0% #880AC9	RGB 136 10 201	#880AC9

#CD2DFF #C127F6 #B621ED #AA1BE4 #9F15DB #930FD2 #880AC9

#CD2DFF - #880AC9

HSV Blend

#CD2DFF - #880AC9 | 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 #CD2DFF as 0% and #880AC9 as 100%.

0.0%	0.0% #CD2CFF	RGB 205 44 255	#CD2CFF
16.7%	16.7% #C026F6	RGB 192 38 246	#C026F6
33.3%	33.3% #B51FED	RGB 181 31 237	#B51FED
50.0%	50.0% #A919E4	RGB 169 25 228	#A919E4
66.7%	66.7% #9E14DB	RGB 158 20 219	#9E14DB
83.3%	83.3% #920ED2	RGB 146 14 210	#920ED2
100.0%	100.0% #880AC9	RGB 136 10 201	#880AC9

#CD2CFF #C026F6 #B51FED #A919E4 #9E14DB #920ED2 #880AC9

#CD2DFF - #A919E4 - #880AC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD2CFF 0%, #A919E4 50%, #880AC9 100%);
    background: -webkit-linear-gradient(top, #CD2CFF 0%, #A919E4 50%, #880AC9 100%);
    background: linear-gradient(to bottom, #CD2CFF 0%, #A919E4 50%, #880AC9 100%);
}
</style>