#BDD0B8 - #DBF0CF | 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 #BDD0B8 to #DBF0CF

#BDD0B8 #DBF0CF

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

#BDD0B8 - #DBF0CF | 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 #BDD0B8 as 0% and #DBF0CF as 100%.

0.0%	0.0% #BDD0B8	RGB 189 208 184	#BDD0B8
16.7%	16.7% #C2D5BB	RGB 194 213 187	#C2D5BB
33.3%	33.3% #C7DABF	RGB 199 218 191	#C7DABF
50.0%	50.0% #CCE0C3	RGB 204 224 195	#CCE0C3
66.7%	66.7% #D1E5C7	RGB 209 229 199	#D1E5C7
83.3%	83.3% #D6EACB	RGB 214 234 203	#D6EACB
100.0%	100.0% #DBF0CF	RGB 219 240 207	#DBF0CF

#BDD0B8 #C2D5BB #C7DABF #CCE0C3 #D1E5C7 #D6EACB #DBF0CF

#BDD0B8 - #DBF0CF

HSV Blend

#BDD0B8 - #DBF0CF | 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 #BDD0B8 as 0% and #DBF0CF as 100%.

0.0%	0.0% #BDD0B8	RGB 189 208 184	#BDD0B8
16.7%	16.7% #C1D5BB	RGB 193 213 187	#C1D5BB
33.3%	33.3% #C6DABF	RGB 198 218 191	#C6DABF
50.0%	50.0% #CBE0C3	RGB 203 224 195	#CBE0C3
66.7%	66.7% #D0E5C7	RGB 208 229 199	#D0E5C7
83.3%	83.3% #D5EACB	RGB 213 234 203	#D5EACB
100.0%	100.0% #DBF0CF	RGB 219 240 207	#DBF0CF

#BDD0B8 #C1D5BB #C6DABF #CBE0C3 #D0E5C7 #D5EACB #DBF0CF

#BDD0B8 - #CBE0C3 - #DBF0CF

CSS codes

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

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