#DB9FC7 - #AE387C | 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 #DB9FC7 to #AE387C

#DB9FC7 #AE387C

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

#DB9FC7 - #AE387C | 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 #DB9FC7 as 0% and #AE387C as 100%.

0.0%	0.0% #DB9FC7	RGB 219 159 199	#DB9FC7
16.7%	16.7% #D38DBA	RGB 211 141 186	#D38DBA
33.3%	33.3% #CC7CAE	RGB 204 124 174	#CC7CAE
50.0%	50.0% #C46BA1	RGB 196 107 161	#C46BA1
66.7%	66.7% #BD5A95	RGB 189 90 149	#BD5A95
83.3%	83.3% #B54988	RGB 181 73 136	#B54988
100.0%	100.0% #AE387C	RGB 174 56 124	#AE387C

#DB9FC7 #D38DBA #CC7CAE #C46BA1 #BD5A95 #B54988 #AE387C

#DB9FC7 - #AE387C

HSV Blend

#DB9FC7 - #AE387C | 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 #DB9FC7 as 0% and #AE387C as 100%.

0.0%	0.0% #DB9FC7	RGB 219 159 199	#DB9FC7
16.7%	16.7% #D38BBA	RGB 211 139 186	#D38BBA
33.3%	33.3% #CC78AD	RGB 204 120 173	#CC78AD
50.0%	50.0% #C466A1	RGB 196 102 161	#C466A1
66.7%	66.7% #BD5694	RGB 189 86 148	#BD5694
83.3%	83.3% #B54688	RGB 181 70 136	#B54688
100.0%	100.0% #AE387C	RGB 174 56 124	#AE387C

#DB9FC7 #D38BBA #CC78AD #C466A1 #BD5694 #B54688 #AE387C

#DB9FC7 - #C466A1 - #AE387C

CSS codes

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

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