#CF8C9A - #FFD6B1 | 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 #CF8C9A to #FFD6B1

#CF8C9A #FFD6B1

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

#CF8C9A - #FFD6B1 | 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 #CF8C9A as 0% and #FFD6B1 as 100%.

0.0%	0.0% #CF8C9A	RGB 207 140 154	#CF8C9A
16.7%	16.7% #D7989D	RGB 215 152 157	#D7989D
33.3%	33.3% #DFA4A1	RGB 223 164 161	#DFA4A1
50.0%	50.0% #E7B1A5	RGB 231 177 165	#E7B1A5
66.7%	66.7% #EFBDA9	RGB 239 189 169	#EFBDA9
83.3%	83.3% #F7C9AD	RGB 247 201 173	#F7C9AD
100.0%	100.0% #FFD6B1	RGB 255 214 177	#FFD6B1

#CF8C9A #D7989D #DFA4A1 #E7B1A5 #EFBDA9 #F7C9AD #FFD6B1

#CF8C9A - #FFD6B1

HSV Blend

#CF8C9A - #FFD6B1 | 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 #CF8C9A as 0% and #FFD6B1 as 100%.

0.0%	0.0% #CF8C9A	RGB 207 140 154	#CF8C9A
16.7%	16.7% #D79298	RGB 215 146 152	#D79298
33.3%	33.3% #DF9998	RGB 223 153 152	#DF9998
50.0%	50.0% #E7A79E	RGB 231 167 158	#E7A79E
66.7%	66.7% #EFB6A4	RGB 239 182 164	#EFB6A4
83.3%	83.3% #F7C6AA	RGB 247 198 170	#F7C6AA
100.0%	100.0% #FFD6B1	RGB 255 214 177	#FFD6B1

#CF8C9A #D79298 #DF9998 #E7A79E #EFB6A4 #F7C6AA #FFD6B1

#CF8C9A - #E7A79E - #FFD6B1

CSS codes

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

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