#B5BDA8 - #E6EFC3 | 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 #B5BDA8 to #E6EFC3

#B5BDA8 #E6EFC3

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

#B5BDA8 - #E6EFC3 | 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 #B5BDA8 as 0% and #E6EFC3 as 100%.

0.0%	0.0% #B5BDA8	RGB 181 189 168	#B5BDA8
16.7%	16.7% #BDC5AC	RGB 189 197 172	#BDC5AC
33.3%	33.3% #C5CDB1	RGB 197 205 177	#C5CDB1
50.0%	50.0% #CDD6B5	RGB 205 214 181	#CDD6B5
66.7%	66.7% #D5DEBA	RGB 213 222 186	#D5DEBA
83.3%	83.3% #DDE6BE	RGB 221 230 190	#DDE6BE
100.0%	100.0% #E6EFC3	RGB 230 239 195	#E6EFC3

#B5BDA8 #BDC5AC #C5CDB1 #CDD6B5 #D5DEBA #DDE6BE #E6EFC3

#B5BDA8 - #E6EFC3

HSV Blend

#B5BDA8 - #E6EFC3 | 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 #B5BDA8 as 0% and #E6EFC3 as 100%.

0.0%	0.0% #B5BDA8	RGB 181 189 168	#B5BDA8
16.7%	16.7% #BCC5AD	RGB 188 197 173	#BCC5AD
33.3%	33.3% #C4CDB1	RGB 196 205 177	#C4CDB1
50.0%	50.0% #CCD6B6	RGB 204 214 182	#CCD6B6
66.7%	66.7% #D4DEBA	RGB 212 222 186	#D4DEBA
83.3%	83.3% #DDE6BF	RGB 221 230 191	#DDE6BF
100.0%	100.0% #E6EFC3	RGB 230 239 195	#E6EFC3

#B5BDA8 #BCC5AD #C4CDB1 #CCD6B6 #D4DEBA #DDE6BF #E6EFC3

#B5BDA8 - #CCD6B6 - #E6EFC3

CSS codes

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

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