#B8979B - #FFD7AF | 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 #B8979B to #FFD7AF

#B8979B #FFD7AF

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

#B8979B - #FFD7AF | 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 #B8979B as 0% and #FFD7AF as 100%.

0.0%	0.0% #B8979B	RGB 184 151 155	#B8979B
16.7%	16.7% #C3A19E	RGB 195 161 158	#C3A19E
33.3%	33.3% #CFACA1	RGB 207 172 161	#CFACA1
50.0%	50.0% #DBB7A5	RGB 219 183 165	#DBB7A5
66.7%	66.7% #E7C1A8	RGB 231 193 168	#E7C1A8
83.3%	83.3% #F3CCAB	RGB 243 204 171	#F3CCAB
100.0%	100.0% #FFD7AF	RGB 255 215 175	#FFD7AF

#B8979B #C3A19E #CFACA1 #DBB7A5 #E7C1A8 #F3CCAB #FFD7AF

#B8979B - #FFD7AF

HSV Blend

#B8979B - #FFD7AF | 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 #B8979B as 0% and #FFD7AF as 100%.

0.0%	0.0% #B8979B	RGB 184 151 155	#B8979B
16.7%	16.7% #C39C9D	RGB 195 156 157	#C39C9D
33.3%	33.3% #CFA5A1	RGB 207 165 161	#CFA5A1
50.0%	50.0% #DBAFA5	RGB 219 175 165	#DBAFA5
66.7%	66.7% #E7BBA9	RGB 231 187 169	#E7BBA9
83.3%	83.3% #F3C8AC	RGB 243 200 172	#F3C8AC
100.0%	100.0% #FFD7AF	RGB 255 215 175	#FFD7AF

#B8979B #C39C9D #CFA5A1 #DBAFA5 #E7BBA9 #F3C8AC #FFD7AF

#B8979B - #DBAFA5 - #FFD7AF

CSS codes

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

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