#B2B6AF - #DDCEB8 | 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 #B2B6AF to #DDCEB8

#B2B6AF #DDCEB8

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

#B2B6AF - #DDCEB8 | 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 #B2B6AF as 0% and #DDCEB8 as 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #B9BAB0	RGB 185 186 176	#B9BAB0
33.3%	33.3% #C0BEB2	RGB 192 190 178	#C0BEB2
50.0%	50.0% #C7C2B3	RGB 199 194 179	#C7C2B3
66.7%	66.7% #CEC6B5	RGB 206 198 181	#CEC6B5
83.3%	83.3% #D5CAB6	RGB 213 202 182	#D5CAB6
100.0%	100.0% #DDCEB8	RGB 221 206 184	#DDCEB8

#B2B6AF #B9BAB0 #C0BEB2 #C7C2B3 #CEC6B5 #D5CAB6 #DDCEB8

#B2B6AF - #DDCEB8

HSV Blend

#B2B6AF - #DDCEB8 | 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 #B2B6AF as 0% and #DDCEB8 as 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #B7BCB1	RGB 183 188 177	#B7BCB1
33.3%	33.3% #BFC3B3	RGB 191 195 179	#BFC3B3
50.0%	50.0% #C7C9B4	RGB 199 201 180	#C7C9B4
66.7%	66.7% #D0CDB6	RGB 208 205 182	#D0CDB6
83.3%	83.3% #D6CEB7	RGB 214 206 183	#D6CEB7
100.0%	100.0% #DDCEB8	RGB 221 206 184	#DDCEB8

#B2B6AF #B7BCB1 #BFC3B3 #C7C9B4 #D0CDB6 #D6CEB7 #DDCEB8

#B2B6AF - #C7C9B4 - #DDCEB8

CSS codes

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

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