#FFA8A2 - #CFC2F7 | 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 #FFA8A2 to #CFC2F7

#FFA8A2 #CFC2F7

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

#FFA8A2 - #CFC2F7 | 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 #FFA8A2 as 0% and #CFC2F7 as 100%.

0.0%	0.0% #FFA8A2	RGB 255 168 162	#FFA8A2
16.7%	16.7% #F7ACB0	RGB 247 172 176	#F7ACB0
33.3%	33.3% #EFB0BE	RGB 239 176 190	#EFB0BE
50.0%	50.0% #E7B5CC	RGB 231 181 204	#E7B5CC
66.7%	66.7% #DFB9DA	RGB 223 185 218	#DFB9DA
83.3%	83.3% #D7BDE8	RGB 215 189 232	#D7BDE8
100.0%	100.0% #CFC2F7	RGB 207 194 247	#CFC2F7

#FFA8A2 #F7ACB0 #EFB0BE #E7B5CC #DFB9DA #D7BDE8 #CFC2F7

#FFA8A2 - #CFC2F7

HSV Blend

#FFA8A2 - #CFC2F7 | 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 #FFA8A2 as 0% and #CFC2F7 as 100%.

0.0%	0.0% #FFA8A2	RGB 255 168 162	#FFA8A2
16.7%	16.7% #FDA7BC	RGB 253 167 188	#FDA7BC
33.3%	33.3% #FCACD7	RGB 252 172 215	#FCACD7
50.0%	50.0% #FBB2EF	RGB 251 178 239	#FBB2EF
66.7%	66.7% #EFB7F9	RGB 239 183 249	#EFB7F9
83.3%	83.3% #DDBCF8	RGB 221 188 248	#DDBCF8
100.0%	100.0% #CFC2F7	RGB 207 194 247	#CFC2F7

#FFA8A2 #FDA7BC #FCACD7 #FBB2EF #EFB7F9 #DDBCF8 #CFC2F7

#FFA8A2 - #FBB2EF - #CFC2F7

CSS codes

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

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