#BF8596 - #FFCFAE | 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 #BF8596 to #FFCFAE

#BF8596 #FFCFAE

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

#BF8596 - #FFCFAE | 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 #BF8596 as 0% and #FFCFAE as 100%.

0.0%	0.0% #BF8596	RGB 191 133 150	#BF8596
16.7%	16.7% #C9919A	RGB 201 145 154	#C9919A
33.3%	33.3% #D49D9E	RGB 212 157 158	#D49D9E
50.0%	50.0% #DFAAA2	RGB 223 170 162	#DFAAA2
66.7%	66.7% #E9B6A6	RGB 233 182 166	#E9B6A6
83.3%	83.3% #F4C2AA	RGB 244 194 170	#F4C2AA
100.0%	100.0% #FFCFAE	RGB 255 207 174	#FFCFAE

#BF8596 #C9919A #D49D9E #DFAAA2 #E9B6A6 #F4C2AA #FFCFAE

#BF8596 - #FFCFAE

HSV Blend

#BF8596 - #FFCFAE | 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 #BF8596 as 0% and #FFCFAE as 100%.

0.0%	0.0% #BF8596	RGB 191 133 150	#BF8596
16.7%	16.7% #C98B96	RGB 201 139 150	#C98B96
33.3%	33.3% #D49296	RGB 212 146 150	#D49296
50.0%	50.0% #DF9D99	RGB 223 157 153	#DF9D99
66.7%	66.7% #E9ADA0	RGB 233 173 160	#E9ADA0
83.3%	83.3% #F4BDA7	RGB 244 189 167	#F4BDA7
100.0%	100.0% #FFCFAE	RGB 255 207 174	#FFCFAE

#BF8596 #C98B96 #D49296 #DF9D99 #E9ADA0 #F4BDA7 #FFCFAE

#BF8596 - #DF9D99 - #FFCFAE

CSS codes

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

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