#B6D9C4 - #DDE3C8 | 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 #B6D9C4 to #DDE3C8

#B6D9C4 #DDE3C8

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

#B6D9C4 - #DDE3C8 | 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 #B6D9C4 as 0% and #DDE3C8 as 100%.

0.0%	0.0% #B6D9C4	RGB 182 217 196	#B6D9C4
16.7%	16.7% #BCDAC4	RGB 188 218 196	#BCDAC4
33.3%	33.3% #C3DCC5	RGB 195 220 197	#C3DCC5
50.0%	50.0% #C9DEC6	RGB 201 222 198	#C9DEC6
66.7%	66.7% #D0DFC6	RGB 208 223 198	#D0DFC6
83.3%	83.3% #D6E1C7	RGB 214 225 199	#D6E1C7
100.0%	100.0% #DDE3C8	RGB 221 227 200	#DDE3C8

#B6D9C4 #BCDAC4 #C3DCC5 #C9DEC6 #D0DFC6 #D6E1C7 #DDE3C8

#B6D9C4 - #DDE3C8

HSV Blend

#B6D9C4 - #DDE3C8 | 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 #B6D9C4 as 0% and #DDE3C8 as 100%.

0.0%	0.0% #B6D9C4	RGB 182 217 196	#B6D9C4
16.7%	16.7% #B8DABF	RGB 184 218 191	#B8DABF
33.3%	33.3% #BBDCBC	RGB 187 220 188	#BBDCBC
50.0%	50.0% #C4DEBE	RGB 196 222 190	#C4DEBE
66.7%	66.7% #CDDFC1	RGB 205 223 193	#CDDFC1
83.3%	83.3% #D5E1C4	RGB 213 225 196	#D5E1C4
100.0%	100.0% #DDE3C8	RGB 221 227 200	#DDE3C8

#B6D9C4 #B8DABF #BBDCBC #C4DEBE #CDDFC1 #D5E1C4 #DDE3C8

#B6D9C4 - #C4DEBE - #DDE3C8

CSS codes

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

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