#BAD5B8 - #CED2FF | 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 #BAD5B8 to #CED2FF

#BAD5B8 #CED2FF

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

#BAD5B8 - #CED2FF | 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 #BAD5B8 as 0% and #CED2FF as 100%.

0.0%	0.0% #BAD5B8	RGB 186 213 184	#BAD5B8
16.7%	16.7% #BDD4C3	RGB 189 212 195	#BDD4C3
33.3%	33.3% #C0D4CF	RGB 192 212 207	#C0D4CF
50.0%	50.0% #C4D3DB	RGB 196 211 219	#C4D3DB
66.7%	66.7% #C7D3E7	RGB 199 211 231	#C7D3E7
83.3%	83.3% #CAD2F3	RGB 202 210 243	#CAD2F3
100.0%	100.0% #CED2FF	RGB 206 210 255	#CED2FF

#BAD5B8 #BDD4C3 #C0D4CF #C4D3DB #C7D3E7 #CAD2F3 #CED2FF

#BAD5B8 - #CED2FF

HSV Blend

#BAD5B8 - #CED2FF | 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 #BAD5B8 as 0% and #CED2FF as 100%.

0.0%	0.0% #BAD5B8	RGB 186 213 184	#BAD5B8
16.7%	16.7% #BBDCC4	RGB 187 220 196	#BBDCC4
33.3%	33.3% #BFE3D4	RGB 191 227 212	#BFE3D4
50.0%	50.0% #C3EAE7	RGB 195 234 231	#C3EAE7
66.7%	66.7% #C7E6F1	RGB 199 230 241	#C7E6F1
83.3%	83.3% #CADDF8	RGB 202 221 248	#CADDF8
100.0%	100.0% #CED2FF	RGB 206 210 255	#CED2FF

#BAD5B8 #BBDCC4 #BFE3D4 #C3EAE7 #C7E6F1 #CADDF8 #CED2FF

#BAD5B8 - #C3EAE7 - #CED2FF

CSS codes

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

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