#BEB2AA - #DFB7CF | 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 #BEB2AA to #DFB7CF

#BEB2AA #DFB7CF

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

#BEB2AA - #DFB7CF | 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 #BEB2AA as 0% and #DFB7CF as 100%.

0.0%	0.0% #BEB2AA	RGB 190 178 170	#BEB2AA
16.7%	16.7% #C3B2B0	RGB 195 178 176	#C3B2B0
33.3%	33.3% #C9B3B6	RGB 201 179 182	#C9B3B6
50.0%	50.0% #CEB4BC	RGB 206 180 188	#CEB4BC
66.7%	66.7% #D4B5C2	RGB 212 181 194	#D4B5C2
83.3%	83.3% #D9B6C8	RGB 217 182 200	#D9B6C8
100.0%	100.0% #DFB7CF	RGB 223 183 207	#DFB7CF

#BEB2AA #C3B2B0 #C9B3B6 #CEB4BC #D4B5C2 #D9B6C8 #DFB7CF

#BEB2AA - #DFB7CF

HSV Blend

#BEB2AA - #DFB7CF | 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 #BEB2AA as 0% and #DFB7CF as 100%.

0.0%	0.0% #BEB2AA	RGB 190 178 170	#BEB2AA
16.7%	16.7% #C3B1AC	RGB 195 177 172	#C3B1AC
33.3%	33.3% #C9B0AE	RGB 201 176 174	#C9B0AE
50.0%	50.0% #CEB1B4	RGB 206 177 180	#CEB1B4
66.7%	66.7% #D4B3BB	RGB 212 179 187	#D4B3BB
83.3%	83.3% #D9B5C4	RGB 217 181 196	#D9B5C4
100.0%	100.0% #DFB7CF	RGB 223 183 207	#DFB7CF

#BEB2AA #C3B1AC #C9B0AE #CEB1B4 #D4B3BB #D9B5C4 #DFB7CF

#BEB2AA - #CEB1B4 - #DFB7CF

CSS codes

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

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