#CFB2A8 - #FFEAC5 | 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 #CFB2A8 to #FFEAC5

#CFB2A8 #FFEAC5

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

#CFB2A8 - #FFEAC5 | 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 #CFB2A8 as 0% and #FFEAC5 as 100%.

0.0%	0.0% #CFB2A8	RGB 207 178 168	#CFB2A8
16.7%	16.7% #D7BBAC	RGB 215 187 172	#D7BBAC
33.3%	33.3% #DFC4B1	RGB 223 196 177	#DFC4B1
50.0%	50.0% #E7CEB6	RGB 231 206 182	#E7CEB6
66.7%	66.7% #EFD7BB	RGB 239 215 187	#EFD7BB
83.3%	83.3% #F7E0C0	RGB 247 224 192	#F7E0C0
100.0%	100.0% #FFEAC5	RGB 255 234 197	#FFEAC5

#CFB2A8 #D7BBAC #DFC4B1 #E7CEB6 #EFD7BB #F7E0C0 #FFEAC5

#CFB2A8 - #FFEAC5

HSV Blend

#CFB2A8 - #FFEAC5 | 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 #CFB2A8 as 0% and #FFEAC5 as 100%.

0.0%	0.0% #CFB2A8	RGB 207 178 168	#CFB2A8
16.7%	16.7% #D7BAAD	RGB 215 186 173	#D7BAAD
33.3%	33.3% #DFC3B2	RGB 223 195 178	#DFC3B2
50.0%	50.0% #E7CCB6	RGB 231 204 182	#E7CCB6
66.7%	66.7% #EFD5BB	RGB 239 213 187	#EFD5BB
83.3%	83.3% #F7DFC0	RGB 247 223 192	#F7DFC0
100.0%	100.0% #FFEAC5	RGB 255 234 197	#FFEAC5

#CFB2A8 #D7BAAD #DFC3B2 #E7CCB6 #EFD5BB #F7DFC0 #FFEAC5

#CFB2A8 - #E7CCB6 - #FFEAC5

CSS codes

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

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