#B4CCAA - #DFD3E2 | 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 #B4CCAA to #DFD3E2

#B4CCAA #DFD3E2

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

#B4CCAA - #DFD3E2 | 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 #B4CCAA as 0% and #DFD3E2 as 100%.

0.0%	0.0% #B4CCAA	RGB 180 204 170	#B4CCAA
16.7%	16.7% #BBCDB3	RGB 187 205 179	#BBCDB3
33.3%	33.3% #C2CEBC	RGB 194 206 188	#C2CEBC
50.0%	50.0% #C9CFC6	RGB 201 207 198	#C9CFC6
66.7%	66.7% #D0D0CF	RGB 208 208 207	#D0D0CF
83.3%	83.3% #D7D1D8	RGB 215 209 216	#D7D1D8
100.0%	100.0% #DFD3E2	RGB 223 211 226	#DFD3E2

#B4CCAA #BBCDB3 #C2CEBC #C9CFC6 #D0D0CF #D7D1D8 #DFD3E2

#B4CCAA - #DFD3E2

HSV Blend

#B4CCAA - #DFD3E2 | 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 #B4CCAA as 0% and #DFD3E2 as 100%.

0.0%	0.0% #B4CCAA	RGB 180 204 170	#B4CCAA
16.7%	16.7% #C8CFB0	RGB 200 207 176	#C8CFB0
33.3%	33.3% #D3CBB7	RGB 211 203 183	#D3CBB7
50.0%	50.0% #D7C4BD	RGB 215 196 189	#D7C4BD
66.7%	66.7% #DAC4C9	RGB 218 196 201	#DAC4C9
83.3%	83.3% #DECBD9	RGB 222 203 217	#DECBD9
100.0%	100.0% #DFD3E2	RGB 223 211 226	#DFD3E2

#B4CCAA #C8CFB0 #D3CBB7 #D7C4BD #DAC4C9 #DECBD9 #DFD3E2

#B4CCAA - #D7C4BD - #DFD3E2

CSS codes

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

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