#BAD1BA - #DAEFCD | 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 #BAD1BA to #DAEFCD

#BAD1BA #DAEFCD

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

#BAD1BA - #DAEFCD | 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 #BAD1BA as 0% and #DAEFCD as 100%.

0.0%	0.0% #BAD1BA	RGB 186 209 186	#BAD1BA
16.7%	16.7% #BFD6BD	RGB 191 214 189	#BFD6BD
33.3%	33.3% #C4DBC0	RGB 196 219 192	#C4DBC0
50.0%	50.0% #CAE0C3	RGB 202 224 195	#CAE0C3
66.7%	66.7% #CFE5C6	RGB 207 229 198	#CFE5C6
83.3%	83.3% #D4EAC9	RGB 212 234 201	#D4EAC9
100.0%	100.0% #DAEFCD	RGB 218 239 205	#DAEFCD

#BAD1BA #BFD6BD #C4DBC0 #CAE0C3 #CFE5C6 #D4EAC9 #DAEFCD

#BAD1BA - #DAEFCD

HSV Blend

#BAD1BA - #DAEFCD | 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 #BAD1BA as 0% and #DAEFCD as 100%.

0.0%	0.0% #BAD1BA	RGB 186 209 186	#BAD1BA
16.7%	16.7% #BED6BD	RGB 190 214 189	#BED6BD
33.3%	33.3% #C3DBC0	RGB 195 219 192	#C3DBC0
50.0%	50.0% #C9E0C3	RGB 201 224 195	#C9E0C3
66.7%	66.7% #CEE5C6	RGB 206 229 198	#CEE5C6
83.3%	83.3% #D4EAC9	RGB 212 234 201	#D4EAC9
100.0%	100.0% #DAEFCD	RGB 218 239 205	#DAEFCD

#BAD1BA #BED6BD #C3DBC0 #C9E0C3 #CEE5C6 #D4EAC9 #DAEFCD

#BAD1BA - #C9E0C3 - #DAEFCD

CSS codes

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

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