#B2BCB2 - #D5EAC5 | 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 #B2BCB2 to #D5EAC5

#B2BCB2 #D5EAC5

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

#B2BCB2 - #D5EAC5 | 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 #B2BCB2 as 0% and #D5EAC5 as 100%.

0.0%	0.0% #B2BCB2	RGB 178 188 178	#B2BCB2
16.7%	16.7% #B7C3B5	RGB 183 195 181	#B7C3B5
33.3%	33.3% #BDCBB8	RGB 189 203 184	#BDCBB8
50.0%	50.0% #C3D3BB	RGB 195 211 187	#C3D3BB
66.7%	66.7% #C9DABE	RGB 201 218 190	#C9DABE
83.3%	83.3% #CFE2C1	RGB 207 226 193	#CFE2C1
100.0%	100.0% #D5EAC5	RGB 213 234 197	#D5EAC5

#B2BCB2 #B7C3B5 #BDCBB8 #C3D3BB #C9DABE #CFE2C1 #D5EAC5

#B2BCB2 - #D5EAC5

HSV Blend

#B2BCB2 - #D5EAC5 | 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 #B2BCB2 as 0% and #D5EAC5 as 100%.

0.0%	0.0% #B2BCB2	RGB 178 188 178	#B2BCB2
16.7%	16.7% #B6C3B5	RGB 182 195 181	#B6C3B5
33.3%	33.3% #BBCBB9	RGB 187 203 185	#BBCBB9
50.0%	50.0% #C1D3BC	RGB 193 211 188	#C1D3BC
66.7%	66.7% #C7DABF	RGB 199 218 191	#C7DABF
83.3%	83.3% #CDE2C2	RGB 205 226 194	#CDE2C2
100.0%	100.0% #D5EAC5	RGB 213 234 197	#D5EAC5

#B2BCB2 #B6C3B5 #BBCBB9 #C1D3BC #C7DABF #CDE2C2 #D5EAC5

#B2BCB2 - #C1D3BC - #D5EAC5

CSS codes

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

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