#BEBFAD - #DCB8C6 | 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 #BEBFAD to #DCB8C6

#BEBFAD #DCB8C6

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

#BEBFAD - #DCB8C6 | 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 #BEBFAD as 0% and #DCB8C6 as 100%.

0.0%	0.0% #BEBFAD	RGB 190 191 173	#BEBFAD
16.7%	16.7% #C3BDB1	RGB 195 189 177	#C3BDB1
33.3%	33.3% #C8BCB5	RGB 200 188 181	#C8BCB5
50.0%	50.0% #CDBBB9	RGB 205 187 185	#CDBBB9
66.7%	66.7% #D2BABD	RGB 210 186 189	#D2BABD
83.3%	83.3% #D7B9C1	RGB 215 185 193	#D7B9C1
100.0%	100.0% #DCB8C6	RGB 220 184 198	#DCB8C6

#BEBFAD #C3BDB1 #C8BCB5 #CDBBB9 #D2BABD #D7B9C1 #DCB8C6

#BEBFAD - #DCB8C6

HSV Blend

#BEBFAD - #DCB8C6 | 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 #BEBFAD as 0% and #DCB8C6 as 100%.

0.0%	0.0% #BEBFAD	RGB 190 191 173	#BEBFAD
16.7%	16.7% #C3BFAF	RGB 195 191 175	#C3BFAF
33.3%	33.3% #C8BEB1	RGB 200 190 177	#C8BEB1
50.0%	50.0% #CDBBB3	RGB 205 187 179	#CDBBB3
66.7%	66.7% #D2B7B4	RGB 210 183 180	#D2B7B4
83.3%	83.3% #D7B6BB	RGB 215 182 187	#D7B6BB
100.0%	100.0% #DCB8C6	RGB 220 184 198	#DCB8C6

#BEBFAD #C3BFAF #C8BEB1 #CDBBB3 #D2B7B4 #D7B6BB #DCB8C6

#BEBFAD - #CDBBB3 - #DCB8C6

CSS codes

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

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