#DBB0C7 - #AE517C | 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 #DBB0C7 to #AE517C

#DBB0C7 #AE517C

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

#DBB0C7 - #AE517C | 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 #DBB0C7 as 0% and #AE517C as 100%.

0.0%	0.0% #DBB0C7	RGB 219 176 199	#DBB0C7
16.7%	16.7% #D3A0BA	RGB 211 160 186	#D3A0BA
33.3%	33.3% #CC90AE	RGB 204 144 174	#CC90AE
50.0%	50.0% #C480A1	RGB 196 128 161	#C480A1
66.7%	66.7% #BD7095	RGB 189 112 149	#BD7095
83.3%	83.3% #B56088	RGB 181 96 136	#B56088
100.0%	100.0% #AE517C	RGB 174 81 124	#AE517C

#DBB0C7 #D3A0BA #CC90AE #C480A1 #BD7095 #B56088 #AE517C

#DBB0C7 - #AE517C

HSV Blend

#DBB0C7 - #AE517C | 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 #DBB0C7 as 0% and #AE517C as 100%.

0.0%	0.0% #DBB0C7	RGB 219 176 199	#DBB0C7
16.7%	16.7% #D39EB9	RGB 211 158 185	#D39EB9
33.3%	33.3% #CC8CAD	RGB 204 140 173	#CC8CAD
50.0%	50.0% #C47CA0	RGB 196 124 160	#C47CA0
66.7%	66.7% #BD6D94	RGB 189 109 148	#BD6D94
83.3%	83.3% #B55E87	RGB 181 94 135	#B55E87
100.0%	100.0% #AE517C	RGB 174 81 124	#AE517C

#DBB0C7 #D39EB9 #CC8CAD #C47CA0 #BD6D94 #B55E87 #AE517C

#DBB0C7 - #C47CA0 - #AE517C

CSS codes

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

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