#DDDAD4 - #BBA085 | 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 #DDDAD4 to #BBA085

#DDDAD4 #BBA085

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

#DDDAD4 - #BBA085 | 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 #DDDAD4 as 0% and #BBA085 as 100%.

0.0%	0.0% #DDDAD4	RGB 221 218 212	#DDDAD4
16.7%	16.7% #D7D0C6	RGB 215 208 198	#D7D0C6
33.3%	33.3% #D1C6B9	RGB 209 198 185	#D1C6B9
50.0%	50.0% #CCBDAC	RGB 204 189 172	#CCBDAC
66.7%	66.7% #C6B39F	RGB 198 179 159	#C6B39F
83.3%	83.3% #C0A992	RGB 192 169 146	#C0A992
100.0%	100.0% #BBA085	RGB 187 160 133	#BBA085

#DDDAD4 #D7D0C6 #D1C6B9 #CCBDAC #C6B39F #C0A992 #BBA085

#DDDAD4 - #BBA085

HSV Blend

#DDDAD4 - #BBA085 | 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 #DDDAD4 as 0% and #BBA085 as 100%.

0.0%	0.0% #DDDAD4	RGB 221 218 212	#DDDAD4
16.7%	16.7% #D7D0C5	RGB 215 208 197	#D7D0C5
33.3%	33.3% #D1C7B7	RGB 209 199 183	#D1C7B7
50.0%	50.0% #CCBDAA	RGB 204 189 170	#CCBDAA
66.7%	66.7% #C6B49D	RGB 198 180 157	#C6B49D
83.3%	83.3% #C0AA90	RGB 192 170 144	#C0AA90
100.0%	100.0% #BBA085	RGB 187 160 133	#BBA085

#DDDAD4 #D7D0C5 #D1C7B7 #CCBDAA #C6B49D #C0AA90 #BBA085

#DDDAD4 - #CCBDAA - #BBA085

CSS codes

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

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