#C7A9A9 - #FFC3C0 | 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 #C7A9A9 to #FFC3C0

#C7A9A9 #FFC3C0

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

#C7A9A9 - #FFC3C0 | 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 #C7A9A9 as 0% and #FFC3C0 as 100%.

0.0%	0.0% #C7A9A9	RGB 199 169 169	#C7A9A9
16.7%	16.7% #D0ADAC	RGB 208 173 172	#D0ADAC
33.3%	33.3% #D9B1B0	RGB 217 177 176	#D9B1B0
50.0%	50.0% #E3B6B4	RGB 227 182 180	#E3B6B4
66.7%	66.7% #ECBAB8	RGB 236 186 184	#ECBAB8
83.3%	83.3% #F5BEBC	RGB 245 190 188	#F5BEBC
100.0%	100.0% #FFC3C0	RGB 255 195 192	#FFC3C0

#C7A9A9 #D0ADAC #D9B1B0 #E3B6B4 #ECBAB8 #F5BEBC #FFC3C0

#C7A9A9 - #FFC3C0

HSV Blend

#C7A9A9 - #FFC3C0 | 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 #C7A9A9 as 0% and #FFC3C0 as 100%.

0.0%	0.0% #C7A9A9	RGB 199 169 169	#C7A9A9
16.7%	16.7% #D0ADAD	RGB 208 173 173	#D0ADAD
33.3%	33.3% #D9B2B1	RGB 217 178 177	#D9B2B1
50.0%	50.0% #E3B6B5	RGB 227 182 181	#E3B6B5
66.7%	66.7% #ECBBB9	RGB 236 187 185	#ECBBB9
83.3%	83.3% #F5BFBC	RGB 245 191 188	#F5BFBC
100.0%	100.0% #FFC3C0	RGB 255 195 192	#FFC3C0

#C7A9A9 #D0ADAD #D9B2B1 #E3B6B5 #ECBBB9 #F5BFBC #FFC3C0

#C7A9A9 - #E3B6B5 - #FFC3C0

CSS codes

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

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