#D5BBD3 - #AA5E99 | 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 #D5BBD3 to #AA5E99

#D5BBD3 #AA5E99

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

#D5BBD3 - #AA5E99 | 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 #D5BBD3 as 0% and #AA5E99 as 100%.

0.0%	0.0% #D5BBD3	RGB 213 187 211	#D5BBD3
16.7%	16.7% #CDABC9	RGB 205 171 201	#CDABC9
33.3%	33.3% #C69CBF	RGB 198 156 191	#C69CBF
50.0%	50.0% #BF8CB6	RGB 191 140 182	#BF8CB6
66.7%	66.7% #B87DAC	RGB 184 125 172	#B87DAC
83.3%	83.3% #B16DA2	RGB 177 109 162	#B16DA2
100.0%	100.0% #AA5E99	RGB 170 94 153	#AA5E99

#D5BBD3 #CDABC9 #C69CBF #BF8CB6 #B87DAC #B16DA2 #AA5E99

#D5BBD3 - #AA5E99

HSV Blend

#D5BBD3 - #AA5E99 | 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 #D5BBD3 as 0% and #AA5E99 as 100%.

0.0%	0.0% #D5BBD3	RGB 213 187 211	#D5BBD3
16.7%	16.7% #CDA9CA	RGB 205 169 202	#CDA9CA
33.3%	33.3% #C698C0	RGB 198 152 192	#C698C0
50.0%	50.0% #BF89B7	RGB 191 137 183	#BF89B7
66.7%	66.7% #B879AD	RGB 184 121 173	#B879AD
83.3%	83.3% #B16BA3	RGB 177 107 163	#B16BA3
100.0%	100.0% #AA5E99	RGB 170 94 153	#AA5E99

#D5BBD3 #CDA9CA #C698C0 #BF89B7 #B879AD #B16BA3 #AA5E99

#D5BBD3 - #BF89B7 - #AA5E99

CSS codes

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

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