#BED2B5 - #EBDBEA | 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 #BED2B5 to #EBDBEA

#BED2B5 #EBDBEA

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

#BED2B5 - #EBDBEA | 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 #BED2B5 as 0% and #EBDBEA as 100%.

0.0%	0.0% #BED2B5	RGB 190 210 181	#BED2B5
16.7%	16.7% #C5D3BD	RGB 197 211 189	#C5D3BD
33.3%	33.3% #CDD5C6	RGB 205 213 198	#CDD5C6
50.0%	50.0% #D4D6CF	RGB 212 214 207	#D4D6CF
66.7%	66.7% #DCD8D8	RGB 220 216 216	#DCD8D8
83.3%	83.3% #E3D9E1	RGB 227 217 225	#E3D9E1
100.0%	100.0% #EBDBEA	RGB 235 219 234	#EBDBEA

#BED2B5 #C5D3BD #CDD5C6 #D4D6CF #DCD8D8 #E3D9E1 #EBDBEA

#BED2B5 - #EBDBEA

HSV Blend

#BED2B5 - #EBDBEA | 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 #BED2B5 as 0% and #EBDBEA as 100%.

0.0%	0.0% #BED2B5	RGB 190 210 181	#BED2B5
16.7%	16.7% #CFD6BB	RGB 207 214 187	#CFD6BB
33.3%	33.3% #DAD5C1	RGB 218 213 193	#DAD5C1
50.0%	50.0% #DED0C7	RGB 222 208 199	#DED0C7
66.7%	66.7% #E2CDCF	RGB 226 205 207	#E2CDCF
83.3%	83.3% #E6D4DD	RGB 230 212 221	#E6D4DD
100.0%	100.0% #EBDBEA	RGB 235 219 234	#EBDBEA

#BED2B5 #CFD6BB #DAD5C1 #DED0C7 #E2CDCF #E6D4DD #EBDBEA

#BED2B5 - #DED0C7 - #EBDBEA

CSS codes

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

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