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

#C3A8C0 #FFD6CD

Calculate the color between two colors, #C3A8C0 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)

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

0.0%	0.0% #C3A8C0	RGB 195 168 192	#C3A8C0
16.7%	16.7% #CDAFC2	RGB 205 175 194	#CDAFC2
33.3%	33.3% #D7B7C4	RGB 215 183 196	#D7B7C4
50.0%	50.0% #E1BFC6	RGB 225 191 198	#E1BFC6
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

#C3A8C0 #CDAFC2 #D7B7C4 #E1BFC6 #EBC6C8 #F5CECA #FFD6CD

#C3A8C0 - #FFD6CD

HSV Blend

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

0.0%	0.0% #C3A8C0	RGB 195 168 192	#C3A8C0
16.7%	16.7% #CDAEC4	RGB 205 174 196	#CDAEC4
33.3%	33.3% #D7B5C7	RGB 215 181 199	#D7B5C7
50.0%	50.0% #E1BBC8	RGB 225 187 200	#E1BBC8
66.7%	66.7% #EBC1C8	RGB 235 193 200	#EBC1C8
83.3%	83.3% #F5C7C7	RGB 245 199 199	#F5C7C7
100.0%	100.0% #FFD6CD	RGB 255 214 205	#FFD6CD

#C3A8C0 #CDAEC4 #D7B5C7 #E1BBC8 #EBC1C8 #F5C7C7 #FFD6CD

#C3A8C0 - #E1BBC8 - #FFD6CD

CSS codes

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

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