#B6E2DF - #CDE0FF | 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 #B6E2DF to #CDE0FF

#B6E2DF #CDE0FF

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

#B6E2DF - #CDE0FF | 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 #B6E2DF as 0% and #CDE0FF as 100%.

0.0%	0.0% #B6E2DF	RGB 182 226 223	#B6E2DF
16.7%	16.7% #B9E1E4	RGB 185 225 228	#B9E1E4
33.3%	33.3% #BDE1E9	RGB 189 225 233	#BDE1E9
50.0%	50.0% #C1E1EF	RGB 193 225 239	#C1E1EF
66.7%	66.7% #C5E0F4	RGB 197 224 244	#C5E0F4
83.3%	83.3% #C9E0F9	RGB 201 224 249	#C9E0F9
100.0%	100.0% #CDE0FF	RGB 205 224 255	#CDE0FF

#B6E2DF #B9E1E4 #BDE1E9 #C1E1EF #C5E0F4 #C9E0F9 #CDE0FF

#B6E2DF - #CDE0FF

HSV Blend

#B6E2DF - #CDE0FF | 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 #B6E2DF as 0% and #CDE0FF as 100%.

0.0%	0.0% #B6E2DF	RGB 182 226 223	#B6E2DF
16.7%	16.7% #B9E4E6	RGB 185 228 230	#B9E4E6
33.3%	33.3% #BDE4EB	RGB 189 228 235	#BDE4EB
50.0%	50.0% #C1E3F0	RGB 193 227 240	#C1E3F0
66.7%	66.7% #C5E2F5	RGB 197 226 245	#C5E2F5
83.3%	83.3% #C9E1FA	RGB 201 225 250	#C9E1FA
100.0%	100.0% #CDE0FF	RGB 205 224 255	#CDE0FF

#B6E2DF #B9E4E6 #BDE4EB #C1E3F0 #C5E2F5 #C9E1FA #CDE0FF

#B6E2DF - #C1E3F0 - #CDE0FF

CSS codes

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

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