#CDA4B5 - #FFE6CF | 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 #CDA4B5 to #FFE6CF

#CDA4B5 #FFE6CF

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

#CDA4B5 - #FFE6CF | 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 #CDA4B5 as 0% and #FFE6CF as 100%.

0.0%	0.0% #CDA4B5	RGB 205 164 181	#CDA4B5
16.7%	16.7% #D5AFB9	RGB 213 175 185	#D5AFB9
33.3%	33.3% #DDBABD	RGB 221 186 189	#DDBABD
50.0%	50.0% #E6C5C2	RGB 230 197 194	#E6C5C2
66.7%	66.7% #EED0C6	RGB 238 208 198	#EED0C6
83.3%	83.3% #F6DBCA	RGB 246 219 202	#F6DBCA
100.0%	100.0% #FFE6CF	RGB 255 230 207	#FFE6CF

#CDA4B5 #D5AFB9 #DDBABD #E6C5C2 #EED0C6 #F6DBCA #FFE6CF

#CDA4B5 - #FFE6CF

HSV Blend

#CDA4B5 - #FFE6CF | 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 #CDA4B5 as 0% and #FFE6CF as 100%.

0.0%	0.0% #CDA4B5	RGB 205 164 181	#CDA4B5
16.7%	16.7% #D5ABB6	RGB 213 171 182	#D5ABB6
33.3%	33.3% #DDB2B7	RGB 221 178 183	#DDB2B7
50.0%	50.0% #E6BAB9	RGB 230 186 185	#E6BAB9
66.7%	66.7% #EEC8C0	RGB 238 200 192	#EEC8C0
83.3%	83.3% #F6D7C7	RGB 246 215 199	#F6D7C7
100.0%	100.0% #FFE6CF	RGB 255 230 207	#FFE6CF

#CDA4B5 #D5ABB6 #DDB2B7 #E6BAB9 #EEC8C0 #F6D7C7 #FFE6CF

#CDA4B5 - #E6BAB9 - #FFE6CF

CSS codes

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

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