#C5A8BF - #FFD6CD | 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 #C5A8BF to #FFD6CD

#C5A8BF #FFD6CD

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

#C5A8BF - #FFD6CD | 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 #C5A8BF as 0% and #FFD6CD as 100%.

0.0%	0.0% #C5A8BF	RGB 197 168 191	#C5A8BF
16.7%	16.7% #CEAFC1	RGB 206 175 193	#CEAFC1
33.3%	33.3% #D8B7C3	RGB 216 183 195	#D8B7C3
50.0%	50.0% #E2BFC6	RGB 226 191 198	#E2BFC6
66.7%	66.7% #EBC6C8	RGB 235 198 200	#EBC6C8
83.3%	83.3% #F5CECA	RGB 245 206 202	#F5CECA
100.0%	100.0% #FFD6CD	RGB 255 214 205	#FFD6CD

#C5A8BF #CEAFC1 #D8B7C3 #E2BFC6 #EBC6C8 #F5CECA #FFD6CD

#C5A8BF - #FFD6CD

HSV Blend

#C5A8BF - #FFD6CD | 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 #C5A8BF as 0% and #FFD6CD as 100%.

0.0%	0.0% #C5A8BF	RGB 197 168 191	#C5A8BF
16.7%	16.7% #CEAEC2	RGB 206 174 194	#CEAEC2
33.3%	33.3% #D8B4C5	RGB 216 180 197	#D8B4C5
50.0%	50.0% #E2BBC7	RGB 226 187 199	#E2BBC7
66.7%	66.7% #EBC1C7	RGB 235 193 199	#EBC1C7
83.3%	83.3% #F5C8C7	RGB 245 200 199	#F5C8C7
100.0%	100.0% #FFD6CD	RGB 255 214 205	#FFD6CD

#C5A8BF #CEAEC2 #D8B4C5 #E2BBC7 #EBC1C7 #F5C8C7 #FFD6CD

#C5A8BF - #E2BBC7 - #FFD6CD

CSS codes

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

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