#DEC8DF - #AE76B9 | 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 #DEC8DF to #AE76B9

#DEC8DF #AE76B9

Calculate the color between two colors, #DEC8DF and #AE76B9. 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)

#DEC8DF - #AE76B9 | 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 #DEC8DF as 0% and #AE76B9 as 100%.

0.0%	0.0% #DEC8DF	RGB 222 200 223	#DEC8DF
16.7%	16.7% #D6BAD8	RGB 214 186 216	#D6BAD8
33.3%	33.3% #CEACD2	RGB 206 172 210	#CEACD2
50.0%	50.0% #C69FCC	RGB 198 159 204	#C69FCC
66.7%	66.7% #BE91C5	RGB 190 145 197	#BE91C5
83.3%	83.3% #B683BF	RGB 182 131 191	#B683BF
100.0%	100.0% #AE76B9	RGB 174 118 185	#AE76B9

#DEC8DF #D6BAD8 #CEACD2 #C69FCC #BE91C5 #B683BF #AE76B9

#DEC8DF - #AE76B9

HSV Blend

#DEC8DF - #AE76B9 | 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 #DEC8DF as 0% and #AE76B9 as 100%.

0.0%	0.0% #DEC8DF	RGB 222 200 223	#DEC8DF
16.7%	16.7% #D6B8D8	RGB 214 184 216	#D6B8D8
33.3%	33.3% #CEAAD2	RGB 206 170 210	#CEAAD2
50.0%	50.0% #C79CCC	RGB 199 156 204	#C79CCC
66.7%	66.7% #BE8FC5	RGB 190 143 197	#BE8FC5
83.3%	83.3% #B682BF	RGB 182 130 191	#B682BF
100.0%	100.0% #AE76B9	RGB 174 118 185	#AE76B9

#DEC8DF #D6B8D8 #CEAAD2 #C79CCC #BE8FC5 #B682BF #AE76B9

#DEC8DF - #C79CCC - #AE76B9

CSS codes

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

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