#BDDFD4 - #DBE9FF | 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 #BDDFD4 to #DBE9FF

#BDDFD4 #DBE9FF

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

#BDDFD4 - #DBE9FF | 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 #BDDFD4 as 0% and #DBE9FF as 100%.

0.0%	0.0% #BDDFD4	RGB 189 223 212	#BDDFD4
16.7%	16.7% #C2E0DB	RGB 194 224 219	#C2E0DB
33.3%	33.3% #C7E2E2	RGB 199 226 226	#C7E2E2
50.0%	50.0% #CCE4E9	RGB 204 228 233	#CCE4E9
66.7%	66.7% #D1E5F0	RGB 209 229 240	#D1E5F0
83.3%	83.3% #D6E7F7	RGB 214 231 247	#D6E7F7
100.0%	100.0% #DBE9FF	RGB 219 233 255	#DBE9FF

#BDDFD4 #C2E0DB #C7E2E2 #CCE4E9 #D1E5F0 #D6E7F7 #DBE9FF

#BDDFD4 - #DBE9FF

HSV Blend

#BDDFD4 - #DBE9FF | 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 #BDDFD4 as 0% and #DBE9FF as 100%.

0.0%	0.0% #BDDFD4	RGB 189 223 212	#BDDFD4
16.7%	16.7% #C1E4DE	RGB 193 228 222	#C1E4DE
33.3%	33.3% #C6E9E9	RGB 198 233 233	#C6E9E9
50.0%	50.0% #CBE9EF	RGB 203 233 239	#CBE9EF
66.7%	66.7% #D0E9F4	RGB 208 233 244	#D0E9F4
83.3%	83.3% #D5E9F9	RGB 213 233 249	#D5E9F9
100.0%	100.0% #DBE9FF	RGB 219 233 255	#DBE9FF

#BDDFD4 #C1E4DE #C6E9E9 #CBE9EF #D0E9F4 #D5E9F9 #DBE9FF

#BDDFD4 - #CBE9EF - #DBE9FF

CSS codes

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

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