#CF8BA1 - #FFD7B9 | 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 #CF8BA1 to #FFD7B9

#CF8BA1 #FFD7B9

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

#CF8BA1 - #FFD7B9 | 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 #CF8BA1 as 0% and #FFD7B9 as 100%.

0.0%	0.0% #CF8BA1	RGB 207 139 161	#CF8BA1
16.7%	16.7% #D797A5	RGB 215 151 165	#D797A5
33.3%	33.3% #DFA4A9	RGB 223 164 169	#DFA4A9
50.0%	50.0% #E7B1AD	RGB 231 177 173	#E7B1AD
66.7%	66.7% #EFBDB1	RGB 239 189 177	#EFBDB1
83.3%	83.3% #F7CAB5	RGB 247 202 181	#F7CAB5
100.0%	100.0% #FFD7B9	RGB 255 215 185	#FFD7B9

#CF8BA1 #D797A5 #DFA4A9 #E7B1AD #EFBDB1 #F7CAB5 #FFD7B9

#CF8BA1 - #FFD7B9

HSV Blend

#CF8BA1 - #FFD7B9 | 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 #CF8BA1 as 0% and #FFD7B9 as 100%.

0.0%	0.0% #CF8BA1	RGB 207 139 161	#CF8BA1
16.7%	16.7% #D7929F	RGB 215 146 159	#D7929F
33.3%	33.3% #DF999E	RGB 223 153 158	#DF999E
50.0%	50.0% #E7A5A1	RGB 231 165 161	#E7A5A1
66.7%	66.7% #EFB5A9	RGB 239 181 169	#EFB5A9
83.3%	83.3% #F7C6B0	RGB 247 198 176	#F7C6B0
100.0%	100.0% #FFD7B9	RGB 255 215 185	#FFD7B9

#CF8BA1 #D7929F #DF999E #E7A5A1 #EFB5A9 #F7C6B0 #FFD7B9

#CF8BA1 - #E7A5A1 - #FFD7B9

CSS codes

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

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