#B5B7C1 - #E5E4CD | 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 #B5B7C1 to #E5E4CD

#B5B7C1 #E5E4CD

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

#B5B7C1 - #E5E4CD | 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 #B5B7C1 as 0% and #E5E4CD as 100%.

0.0%	0.0% #B5B7C1	RGB 181 183 193	#B5B7C1
16.7%	16.7% #BDBEC3	RGB 189 190 195	#BDBEC3
33.3%	33.3% #C5C6C5	RGB 197 198 197	#C5C6C5
50.0%	50.0% #CDCDC7	RGB 205 205 199	#CDCDC7
66.7%	66.7% #D5D5C9	RGB 213 213 201	#D5D5C9
83.3%	83.3% #DDDCCB	RGB 221 220 203	#DDDCCB
100.0%	100.0% #E5E4CD	RGB 229 228 205	#E5E4CD

#B5B7C1 #BDBEC3 #C5C6C5 #CDCDC7 #D5D5C9 #DDDCCB #E5E4CD

#B5B7C1 - #E5E4CD

HSV Blend

#B5B7C1 - #E5E4CD | 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 #B5B7C1 as 0% and #E5E4CD as 100%.

0.0%	0.0% #B5B7C1	RGB 181 183 193	#B5B7C1
16.7%	16.7% #B9C2C7	RGB 185 194 199	#B9C2C7
33.3%	33.3% #BDCDCB	RGB 189 205 203	#BDCDCB
50.0%	50.0% #C1D3C8	RGB 193 211 200	#C1D3C8
66.7%	66.7% #C6D9C5	RGB 198 217 197	#C6D9C5
83.3%	83.3% #D5DFC9	RGB 213 223 201	#D5DFC9
100.0%	100.0% #E5E4CD	RGB 229 228 205	#E5E4CD

#B5B7C1 #B9C2C7 #BDCDCB #C1D3C8 #C6D9C5 #D5DFC9 #E5E4CD

#B5B7C1 - #C1D3C8 - #E5E4CD

CSS codes

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

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