#DAB3CD - #AE5E8A | 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 #DAB3CD to #AE5E8A

#DAB3CD #AE5E8A

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

#DAB3CD - #AE5E8A | 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 #DAB3CD as 0% and #AE5E8A as 100%.

0.0%	0.0% #DAB3CD	RGB 218 179 205	#DAB3CD
16.7%	16.7% #D2A4C1	RGB 210 164 193	#D2A4C1
33.3%	33.3% #CB96B6	RGB 203 150 182	#CB96B6
50.0%	50.0% #C488AB	RGB 196 136 171	#C488AB
66.7%	66.7% #BC7AA0	RGB 188 122 160	#BC7AA0
83.3%	83.3% #B56C95	RGB 181 108 149	#B56C95
100.0%	100.0% #AE5E8A	RGB 174 94 138	#AE5E8A

#DAB3CD #D2A4C1 #CB96B6 #C488AB #BC7AA0 #B56C95 #AE5E8A

#DAB3CD - #AE5E8A

HSV Blend

#DAB3CD - #AE5E8A | 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 #DAB3CD as 0% and #AE5E8A as 100%.

0.0%	0.0% #DAB3CD	RGB 218 179 205	#DAB3CD
16.7%	16.7% #D2A3C1	RGB 210 163 193	#D2A3C1
33.3%	33.3% #CB93B6	RGB 203 147 182	#CB93B6
50.0%	50.0% #C485AB	RGB 196 133 171	#C485AB
66.7%	66.7% #BC77A0	RGB 188 119 160	#BC77A0
83.3%	83.3% #B56A95	RGB 181 106 149	#B56A95
100.0%	100.0% #AE5E8A	RGB 174 94 138	#AE5E8A

#DAB3CD #D2A3C1 #CB93B6 #C485AB #BC77A0 #B56A95 #AE5E8A

#DAB3CD - #C485AB - #AE5E8A

CSS codes

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

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