#B0D9AD - #DCDBDA | 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 #B0D9AD to #DCDBDA

#B0D9AD #DCDBDA

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

#B0D9AD - #DCDBDA | 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 #B0D9AD as 0% and #DCDBDA as 100%.

0.0%	0.0% #B0D9AD	RGB 176 217 173	#B0D9AD
16.7%	16.7% #B7D9B4	RGB 183 217 180	#B7D9B4
33.3%	33.3% #BED9BC	RGB 190 217 188	#BED9BC
50.0%	50.0% #C6DAC3	RGB 198 218 195	#C6DAC3
66.7%	66.7% #CDDACB	RGB 205 218 203	#CDDACB
83.3%	83.3% #D4DAD2	RGB 212 218 210	#D4DAD2
100.0%	100.0% #DCDBDA	RGB 220 219 218	#DCDBDA

#B0D9AD #B7D9B4 #BED9BC #C6DAC3 #CDDACB #D4DAD2 #DCDBDA

#B0D9AD - #DCDBDA

HSV Blend

#B0D9AD - #DCDBDA | 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 #B0D9AD as 0% and #DCDBDA as 100%.

0.0%	0.0% #B0D9AD	RGB 176 217 173	#B0D9AD
16.7%	16.7% #BFD9B4	RGB 191 217 180	#BFD9B4
33.3%	33.3% #CCDABB	RGB 204 218 187	#CCDABB
50.0%	50.0% #D5DAC3	RGB 213 218 195	#D5DAC3
66.7%	66.7% #DBDACA	RGB 219 218 202	#DBDACA
83.3%	83.3% #DBD9D2	RGB 219 217 210	#DBD9D2
100.0%	100.0% #DCDBDA	RGB 220 219 218	#DCDBDA

#B0D9AD #BFD9B4 #CCDABB #D5DAC3 #DBDACA #DBD9D2 #DCDBDA

#B0D9AD - #D5DAC3 - #DCDBDA

CSS codes

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

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