#BEC2B6 - #DFBDBC | 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 #BEC2B6 to #DFBDBC

#BEC2B6 #DFBDBC

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

#BEC2B6 - #DFBDBC | 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 #BEC2B6 as 0% and #DFBDBC as 100%.

0.0%	0.0% #BEC2B6	RGB 190 194 182	#BEC2B6
16.7%	16.7% #C3C1B7	RGB 195 193 183	#C3C1B7
33.3%	33.3% #C9C0B8	RGB 201 192 184	#C9C0B8
50.0%	50.0% #CEBFB9	RGB 206 191 185	#CEBFB9
66.7%	66.7% #D4BEBA	RGB 212 190 186	#D4BEBA
83.3%	83.3% #D9BDBB	RGB 217 189 187	#D9BDBB
100.0%	100.0% #DFBDBC	RGB 223 189 188	#DFBDBC

#BEC2B6 #C3C1B7 #C9C0B8 #CEBFB9 #D4BEBA #D9BDBB #DFBDBC

#BEC2B6 - #DFBDBC

HSV Blend

#BEC2B6 - #DFBDBC | 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 #BEC2B6 as 0% and #DFBDBC as 100%.

0.0%	0.0% #BEC2B6	RGB 190 194 182	#BEC2B6
16.7%	16.7% #C5C6B7	RGB 197 198 183	#C5C6B7
33.3%	33.3% #CBC9B8	RGB 203 201 184	#CBC9B8
50.0%	50.0% #D0C9B9	RGB 208 201 185	#D0C9B9
66.7%	66.7% #D5C6BA	RGB 213 198 186	#D5C6BA
83.3%	83.3% #DAC2BB	RGB 218 194 187	#DAC2BB
100.0%	100.0% #DFBDBC	RGB 223 189 188	#DFBDBC

#BEC2B6 #C5C6B7 #CBC9B8 #D0C9B9 #D5C6BA #DAC2BB #DFBDBC

#BEC2B6 - #D0C9B9 - #DFBDBC

CSS codes

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

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