#B6CAB7 - #E5EEC2 | 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 #B6CAB7 to #E5EEC2

#B6CAB7 #E5EEC2

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

#B6CAB7 - #E5EEC2 | 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 #B6CAB7 as 0% and #E5EEC2 as 100%.

0.0%	0.0% #B6CAB7	RGB 182 202 183	#B6CAB7
16.7%	16.7% #BDD0B8	RGB 189 208 184	#BDD0B8
33.3%	33.3% #C5D6BA	RGB 197 214 186	#C5D6BA
50.0%	50.0% #CDDCBC	RGB 205 220 188	#CDDCBC
66.7%	66.7% #D5E2BE	RGB 213 226 190	#D5E2BE
83.3%	83.3% #DDE8C0	RGB 221 232 192	#DDE8C0
100.0%	100.0% #E5EEC2	RGB 229 238 194	#E5EEC2

#B6CAB7 #BDD0B8 #C5D6BA #CDDCBC #D5E2BE #DDE8C0 #E5EEC2

#B6CAB7 - #E5EEC2

HSV Blend

#B6CAB7 - #E5EEC2 | 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 #B6CAB7 as 0% and #E5EEC2 as 100%.

0.0%	0.0% #B6CAB7	RGB 182 202 183	#B6CAB7
16.7%	16.7% #BAD0B8	RGB 186 208 184	#BAD0B8
33.3%	33.3% #C1D6BA	RGB 193 214 186	#C1D6BA
50.0%	50.0% #C8DCBC	RGB 200 220 188	#C8DCBC
66.7%	66.7% #D0E2BE	RGB 208 226 190	#D0E2BE
83.3%	83.3% #DAE8C0	RGB 218 232 192	#DAE8C0
100.0%	100.0% #E5EEC2	RGB 229 238 194	#E5EEC2

#B6CAB7 #BAD0B8 #C1D6BA #C8DCBC #D0E2BE #DAE8C0 #E5EEC2

#B6CAB7 - #C8DCBC - #E5EEC2

CSS codes

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

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