#BEA8B5 - #FFCFC2 | 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 #BEA8B5 to #FFCFC2

#BEA8B5 #FFCFC2

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

#BEA8B5 - #FFCFC2 | 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 #BEA8B5 as 0% and #FFCFC2 as 100%.

0.0%	0.0% #BEA8B5	RGB 190 168 181	#BEA8B5
16.7%	16.7% #C8AEB7	RGB 200 174 183	#C8AEB7
33.3%	33.3% #D3B5B9	RGB 211 181 185	#D3B5B9
50.0%	50.0% #DEBBBB	RGB 222 187 187	#DEBBBB
66.7%	66.7% #E9C2BD	RGB 233 194 189	#E9C2BD
83.3%	83.3% #F4C8BF	RGB 244 200 191	#F4C8BF
100.0%	100.0% #FFCFC2	RGB 255 207 194	#FFCFC2

#BEA8B5 #C8AEB7 #D3B5B9 #DEBBBB #E9C2BD #F4C8BF #FFCFC2

#BEA8B5 - #FFCFC2

HSV Blend

#BEA8B5 - #FFCFC2 | 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 #BEA8B5 as 0% and #FFCFC2 as 100%.

0.0%	0.0% #BEA8B5	RGB 190 168 181	#BEA8B5
16.7%	16.7% #C8ADB9	RGB 200 173 185	#C8ADB9
33.3%	33.3% #D3B2BD	RGB 211 178 189	#D3B2BD
50.0%	50.0% #DEB7BE	RGB 222 183 190	#DEB7BE
66.7%	66.7% #E9BBBD	RGB 233 187 189	#E9BBBD
83.3%	83.3% #F4C3BE	RGB 244 195 190	#F4C3BE
100.0%	100.0% #FFCFC2	RGB 255 207 194	#FFCFC2

#BEA8B5 #C8ADB9 #D3B2BD #DEB7BE #E9BBBD #F4C3BE #FFCFC2

#BEA8B5 - #DEB7BE - #FFCFC2

CSS codes

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

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