#D28ADA - #CEB9DF | 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 #D28ADA to #CEB9DF

#D28ADA #CEB9DF

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

#D28ADA - #CEB9DF | 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 #D28ADA as 0% and #CEB9DF as 100%.

0.0%	0.0% #D28ADA	RGB 210 138 218	#D28ADA
16.7%	16.7% #D191DA	RGB 209 145 218	#D191DA
33.3%	33.3% #D099DB	RGB 208 153 219	#D099DB
50.0%	50.0% #D0A1DC	RGB 208 161 220	#D0A1DC
66.7%	66.7% #CFA9DD	RGB 207 169 221	#CFA9DD
83.3%	83.3% #CEB1DE	RGB 206 177 222	#CEB1DE
100.0%	100.0% #CEB9DF	RGB 206 185 223	#CEB9DF

#D28ADA #D191DA #D099DB #D0A1DC #CFA9DD #CEB1DE #CEB9DF

#D28ADA - #CEB9DF

HSV Blend

#D28ADA - #CEB9DF | 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 #D28ADA as 0% and #CEB9DF as 100%.

0.0%	0.0% #D28ADA	RGB 210 138 218	#D28ADA
16.7%	16.7% #CF91DA	RGB 207 145 218	#CF91DA
33.3%	33.3% #CD99DB	RGB 205 153 219	#CD99DB
50.0%	50.0% #CCA1DC	RGB 204 161 220	#CCA1DC
66.7%	66.7% #CCA9DD	RGB 204 169 221	#CCA9DD
83.3%	83.3% #CCB1DE	RGB 204 177 222	#CCB1DE
100.0%	100.0% #CEB9DF	RGB 206 185 223	#CEB9DF

#D28ADA #CF91DA #CD99DB #CCA1DC #CCA9DD #CCB1DE #CEB9DF

#D28ADA - #CCA1DC - #CEB9DF

CSS codes

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

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