#B6988C - #FFD9AA | 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 #B6988C to #FFD9AA

#B6988C #FFD9AA

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

#B6988C - #FFD9AA | 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 #B6988C as 0% and #FFD9AA as 100%.

0.0%	0.0% #B6988C	RGB 182 152 140	#B6988C
16.7%	16.7% #C2A291	RGB 194 162 145	#C2A291
33.3%	33.3% #CEAD96	RGB 206 173 150	#CEAD96
50.0%	50.0% #DAB89B	RGB 218 184 155	#DAB89B
66.7%	66.7% #E6C3A0	RGB 230 195 160	#E6C3A0
83.3%	83.3% #F2CEA5	RGB 242 206 165	#F2CEA5
100.0%	100.0% #FFD9AA	RGB 255 217 170	#FFD9AA

#B6988C #C2A291 #CEAD96 #DAB89B #E6C3A0 #F2CEA5 #FFD9AA

#B6988C - #FFD9AA

HSV Blend

#B6988C - #FFD9AA | 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 #B6988C as 0% and #FFD9AA as 100%.

0.0%	0.0% #B6988C	RGB 182 152 140	#B6988C
16.7%	16.7% #C2A192	RGB 194 161 146	#C2A192
33.3%	33.3% #CEAC97	RGB 206 172 151	#CEAC97
50.0%	50.0% #DAB69C	RGB 218 182 156	#DAB69C
66.7%	66.7% #E6C1A1	RGB 230 193 161	#E6C1A1
83.3%	83.3% #F2CDA6	RGB 242 205 166	#F2CDA6
100.0%	100.0% #FFD9AA	RGB 255 217 170	#FFD9AA

#B6988C #C2A192 #CEAC97 #DAB69C #E6C1A1 #F2CDA6 #FFD9AA

#B6988C - #DAB69C - #FFD9AA

CSS codes

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

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