#B9F0EF - #D4E4D2 | 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 #B9F0EF to #D4E4D2

#B9F0EF #D4E4D2

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

#B9F0EF - #D4E4D2 | 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 #B9F0EF as 0% and #D4E4D2 as 100%.

0.0%	0.0% #B9F0EF	RGB 185 240 239	#B9F0EF
16.7%	16.7% #BDEEEA	RGB 189 238 234	#BDEEEA
33.3%	33.3% #C2ECE5	RGB 194 236 229	#C2ECE5
50.0%	50.0% #C6EAE0	RGB 198 234 224	#C6EAE0
66.7%	66.7% #CBE8DB	RGB 203 232 219	#CBE8DB
83.3%	83.3% #CFE6D6	RGB 207 230 214	#CFE6D6
100.0%	100.0% #D4E4D2	RGB 212 228 210	#D4E4D2

#B9F0EF #BDEEEA #C2ECE5 #C6EAE0 #CBE8DB #CFE6D6 #D4E4D2

#B9F0EF - #D4E4D2

HSV Blend

#B9F0EF - #D4E4D2 | 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 #B9F0EF as 0% and #D4E4D2 as 100%.

0.0%	0.0% #B9F0EF	RGB 185 240 239	#B9F0EF
16.7%	16.7% #BDEEE4	RGB 189 238 228	#BDEEE4
33.3%	33.3% #C1ECDB	RGB 193 236 219	#C1ECDB
50.0%	50.0% #C5EAD5	RGB 197 234 213	#C5EAD5
66.7%	66.7% #CAE8D1	RGB 202 232 209	#CAE8D1
83.3%	83.3% #CEE6CF	RGB 206 230 207	#CEE6CF
100.0%	100.0% #D4E4D2	RGB 212 228 210	#D4E4D2

#B9F0EF #BDEEE4 #C1ECDB #C5EAD5 #CAE8D1 #CEE6CF #D4E4D2

#B9F0EF - #C5EAD5 - #D4E4D2

CSS codes

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

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