#C0A2A8 - #FFBCBC | 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 #C0A2A8 to #FFBCBC

#C0A2A8 #FFBCBC

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

#C0A2A8 - #FFBCBC | 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 #C0A2A8 as 0% and #FFBCBC as 100%.

0.0%	0.0% #C0A2A8	RGB 192 162 168	#C0A2A8
16.7%	16.7% #CAA6AB	RGB 202 166 171	#CAA6AB
33.3%	33.3% #D5AAAE	RGB 213 170 174	#D5AAAE
50.0%	50.0% #DFAFB2	RGB 223 175 178	#DFAFB2
66.7%	66.7% #EAB3B5	RGB 234 179 181	#EAB3B5
83.3%	83.3% #F4B7B8	RGB 244 183 184	#F4B7B8
100.0%	100.0% #FFBCBC	RGB 255 188 188	#FFBCBC

#C0A2A8 #CAA6AB #D5AAAE #DFAFB2 #EAB3B5 #F4B7B8 #FFBCBC

#C0A2A8 - #FFBCBC

HSV Blend

#C0A2A8 - #FFBCBC | 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 #C0A2A8 as 0% and #FFBCBC as 100%.

0.0%	0.0% #C0A2A8	RGB 192 162 168	#C0A2A8
16.7%	16.7% #CAA7AD	RGB 202 167 173	#CAA7AD
33.3%	33.3% #D5ACB1	RGB 213 172 177	#D5ACB1
50.0%	50.0% #DFB0B5	RGB 223 176 181	#DFB0B5
66.7%	66.7% #EAB4B8	RGB 234 180 184	#EAB4B8
83.3%	83.3% #F4B8BA	RGB 244 184 186	#F4B8BA
100.0%	100.0% #FFBCBC	RGB 255 188 188	#FFBCBC

#C0A2A8 #CAA7AD #D5ACB1 #DFB0B5 #EAB4B8 #F4B8BA #FFBCBC

#C0A2A8 - #DFB0B5 - #FFBCBC

CSS codes

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

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