#C0AFAC - #FFC0BE | 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 #C0AFAC to #FFC0BE

#C0AFAC #FFC0BE

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

#C0AFAC - #FFC0BE | 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 #C0AFAC as 0% and #FFC0BE as 100%.

0.0%	0.0% #C0AFAC	RGB 192 175 172	#C0AFAC
16.7%	16.7% #CAB1AF	RGB 202 177 175	#CAB1AF
33.3%	33.3% #D5B4B2	RGB 213 180 178	#D5B4B2
50.0%	50.0% #DFB7B5	RGB 223 183 181	#DFB7B5
66.7%	66.7% #EABAB8	RGB 234 186 184	#EABAB8
83.3%	83.3% #F4BDBB	RGB 244 189 187	#F4BDBB
100.0%	100.0% #FFC0BE	RGB 255 192 190	#FFC0BE

#C0AFAC #CAB1AF #D5B4B2 #DFB7B5 #EABAB8 #F4BDBB #FFC0BE

#C0AFAC - #FFC0BE

HSV Blend

#C0AFAC - #FFC0BE | 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 #C0AFAC as 0% and #FFC0BE as 100%.

0.0%	0.0% #C0AFAC	RGB 192 175 172	#C0AFAC
16.7%	16.7% #CAB3B0	RGB 202 179 176	#CAB3B0
33.3%	33.3% #D5B7B4	RGB 213 183 180	#D5B7B4
50.0%	50.0% #DFBBB7	RGB 223 187 183	#DFBBB7
66.7%	66.7% #EABDBA	RGB 234 189 186	#EABDBA
83.3%	83.3% #F4BFBC	RGB 244 191 188	#F4BFBC
100.0%	100.0% #FFC0BE	RGB 255 192 190	#FFC0BE

#C0AFAC #CAB3B0 #D5B7B4 #DFBBB7 #EABDBA #F4BFBC #FFC0BE

#C0AFAC - #DFBBB7 - #FFC0BE

CSS codes

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

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