#BAF5E5 - #DDE6D0 | 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 #BAF5E5 to #DDE6D0

#BAF5E5 #DDE6D0

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

#BAF5E5 - #DDE6D0 | 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 #BAF5E5 as 0% and #DDE6D0 as 100%.

0.0%	0.0% #BAF5E5	RGB 186 245 229	#BAF5E5
16.7%	16.7% #BFF2E1	RGB 191 242 225	#BFF2E1
33.3%	33.3% #C5F0DE	RGB 197 240 222	#C5F0DE
50.0%	50.0% #CBEDDA	RGB 203 237 218	#CBEDDA
66.7%	66.7% #D1EBD7	RGB 209 235 215	#D1EBD7
83.3%	83.3% #D7E8D3	RGB 215 232 211	#D7E8D3
100.0%	100.0% #DDE6D0	RGB 221 230 208	#DDE6D0

#BAF5E5 #BFF2E1 #C5F0DE #CBEDDA #D1EBD7 #D7E8D3 #DDE6D0

#BAF5E5 - #DDE6D0

HSV Blend

#BAF5E5 - #DDE6D0 | 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 #BAF5E5 as 0% and #DDE6D0 as 100%.

0.0%	0.0% #BAF5E5	RGB 186 245 229	#BAF5E5
16.7%	16.7% #BDF2D8	RGB 189 242 216	#BDF2D8
33.3%	33.3% #C1F0CF	RGB 193 240 207	#C1F0CF
50.0%	50.0% #C5EDC8	RGB 197 237 200	#C5EDC8
66.7%	66.7% #CEEBC9	RGB 206 235 201	#CEEBC9
83.3%	83.3% #D6E8CC	RGB 214 232 204	#D6E8CC
100.0%	100.0% #DDE6D0	RGB 221 230 208	#DDE6D0

#BAF5E5 #BDF2D8 #C1F0CF #C5EDC8 #CEEBC9 #D6E8CC #DDE6D0

#BAF5E5 - #C5EDC8 - #DDE6D0

CSS codes

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

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