#CDAAA8 - #E2B9E4 | 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 #CDAAA8 to #E2B9E4

#CDAAA8 #E2B9E4

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

#CDAAA8 - #E2B9E4 | 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 #CDAAA8 as 0% and #E2B9E4 as 100%.

0.0%	0.0% #CDAAA8	RGB 205 170 168	#CDAAA8
16.7%	16.7% #D0ACB2	RGB 208 172 178	#D0ACB2
33.3%	33.3% #D4AFBC	RGB 212 175 188	#D4AFBC
50.0%	50.0% #D7B1C6	RGB 215 177 198	#D7B1C6
66.7%	66.7% #DBB4D0	RGB 219 180 208	#DBB4D0
83.3%	83.3% #DEB6DA	RGB 222 182 218	#DEB6DA
100.0%	100.0% #E2B9E4	RGB 226 185 228	#E2B9E4

#CDAAA8 #D0ACB2 #D4AFBC #D7B1C6 #DBB4D0 #DEB6DA #E2B9E4

#CDAAA8 - #E2B9E4

HSV Blend

#CDAAA8 - #E2B9E4 | 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 #CDAAA8 as 0% and #E2B9E4 as 100%.

0.0%	0.0% #CDAAA8	RGB 205 170 168	#CDAAA8
16.7%	16.7% #D0AAAF	RGB 208 170 175	#D0AAAF
33.3%	33.3% #D4ADB9	RGB 212 173 185	#D4ADB9
50.0%	50.0% #D8B0C4	RGB 216 176 196	#D8B0C4
66.7%	66.7% #DCB3CF	RGB 220 179 207	#DCB3CF
83.3%	83.3% #E0B6DA	RGB 224 182 218	#E0B6DA
100.0%	100.0% #E2B9E4	RGB 226 185 228	#E2B9E4

#CDAAA8 #D0AAAF #D4ADB9 #D8B0C4 #DCB3CF #E0B6DA #E2B9E4

#CDAAA8 - #D8B0C4 - #E2B9E4

CSS codes

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

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