#883CAA - #DCC7E6 | 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 #883CAA to #DCC7E6

#883CAA #DCC7E6

Calculate the color between two colors, #883CAA and #DCC7E6. 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)

#883CAA - #DCC7E6 | 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 #883CAA as 0% and #DCC7E6 as 100%.

0.0%	0.0% #883CAA	RGB 136 60 170	#883CAA
16.7%	16.7% #9653B4	RGB 150 83 180	#9653B4
33.3%	33.3% #A46ABE	RGB 164 106 190	#A46ABE
50.0%	50.0% #B281C8	RGB 178 129 200	#B281C8
66.7%	66.7% #C098D2	RGB 192 152 210	#C098D2
83.3%	83.3% #CEAFDC	RGB 206 175 220	#CEAFDC
100.0%	100.0% #DCC7E6	RGB 220 199 230	#DCC7E6

#883CAA #9653B4 #A46ABE #B281C8 #C098D2 #CEAFDC #DCC7E6

#883CAA - #DCC7E6

HSV Blend

#883CAA - #DCC7E6 | 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 #883CAA as 0% and #DCC7E6 as 100%.

0.0%	0.0% #883CAA	RGB 136 60 170	#883CAA
16.7%	16.7% #944EB4	RGB 148 78 180	#944EB4
33.3%	33.3% #A163BE	RGB 161 99 190	#A163BE
50.0%	50.0% #AF79C8	RGB 175 121 200	#AF79C8
66.7%	66.7% #BD91D2	RGB 189 145 210	#BD91D2
83.3%	83.3% #CCABDC	RGB 204 171 220	#CCABDC
100.0%	100.0% #DCC7E6	RGB 220 199 230	#DCC7E6

#883CAA #944EB4 #A163BE #AF79C8 #BD91D2 #CCABDC #DCC7E6

#883CAA - #AF79C8 - #DCC7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #883CAA 0%, #AF79C8 50%, #DCC7E6 100%);
    background: -webkit-linear-gradient(top, #883CAA 0%, #AF79C8 50%, #DCC7E6 100%);
    background: linear-gradient(to bottom, #883CAA 0%, #AF79C8 50%, #DCC7E6 100%);
}
</style>