#BFADB5 - #CBE4DC | 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 #BFADB5 to #CBE4DC

#BFADB5 #CBE4DC

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

#BFADB5 - #CBE4DC | 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 #BFADB5 as 0% and #CBE4DC as 100%.

0.0%	0.0% #BFADB5	RGB 191 173 181	#BFADB5
16.7%	16.7% #C1B6BB	RGB 193 182 187	#C1B6BB
33.3%	33.3% #C3BFC2	RGB 195 191 194	#C3BFC2
50.0%	50.0% #C5C8C8	RGB 197 200 200	#C5C8C8
66.7%	66.7% #C7D1CF	RGB 199 209 207	#C7D1CF
83.3%	83.3% #C9DAD5	RGB 201 218 213	#C9DAD5
100.0%	100.0% #CBE4DC	RGB 203 228 220	#CBE4DC

#BFADB5 #C1B6BB #C3BFC2 #C5C8C8 #C7D1CF #C9DAD5 #CBE4DC

#BFADB5 - #CBE4DC

HSV Blend

#BFADB5 - #CBE4DC | 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 #BFADB5 as 0% and #CBE4DC as 100%.

0.0%	0.0% #BFADB5	RGB 191 173 181	#BFADB5
16.7%	16.7% #C5B2C3	RGB 197 178 195	#C5B2C3
33.3%	33.3% #C3B7CB	RGB 195 183 203	#C3B7CB
50.0%	50.0% #BEBCD1	RGB 190 188 209	#BEBCD1
66.7%	66.7% #C1C9D7	RGB 193 201 215	#C1C9D7
83.3%	83.3% #C6DADD	RGB 198 218 221	#C6DADD
100.0%	100.0% #CBE4DC	RGB 203 228 220	#CBE4DC

#BFADB5 #C5B2C3 #C3B7CB #BEBCD1 #C1C9D7 #C6DADD #CBE4DC

#BFADB5 - #BEBCD1 - #CBE4DC

CSS codes

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

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