#DBB8C9 - #AE5C7F | 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 #DBB8C9 to #AE5C7F

#DBB8C9 #AE5C7F

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

#DBB8C9 - #AE5C7F | 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 #DBB8C9 as 0% and #AE5C7F as 100%.

0.0%	0.0% #DBB8C9	RGB 219 184 201	#DBB8C9
16.7%	16.7% #D3A8BC	RGB 211 168 188	#D3A8BC
33.3%	33.3% #CC99B0	RGB 204 153 176	#CC99B0
50.0%	50.0% #C48AA4	RGB 196 138 164	#C48AA4
66.7%	66.7% #BD7A97	RGB 189 122 151	#BD7A97
83.3%	83.3% #B56B8B	RGB 181 107 139	#B56B8B
100.0%	100.0% #AE5C7F	RGB 174 92 127	#AE5C7F

#DBB8C9 #D3A8BC #CC99B0 #C48AA4 #BD7A97 #B56B8B #AE5C7F

#DBB8C9 - #AE5C7F

HSV Blend

#DBB8C9 - #AE5C7F | 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 #DBB8C9 as 0% and #AE5C7F as 100%.

0.0%	0.0% #DBB8C9	RGB 219 184 201	#DBB8C9
16.7%	16.7% #D3A6BC	RGB 211 166 188	#D3A6BC
33.3%	33.3% #CC96AF	RGB 204 150 175	#CC96AF
50.0%	50.0% #C486A2	RGB 196 134 162	#C486A2
66.7%	66.7% #BD7796	RGB 189 119 150	#BD7796
83.3%	83.3% #B5698A	RGB 181 105 138	#B5698A
100.0%	100.0% #AE5C7F	RGB 174 92 127	#AE5C7F

#DBB8C9 #D3A6BC #CC96AF #C486A2 #BD7796 #B5698A #AE5C7F

#DBB8C9 - #C486A2 - #AE5C7F

CSS codes

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

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