#B5D4E6 - #CDE4D1 | 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 #B5D4E6 to #CDE4D1

#B5D4E6 #CDE4D1

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

#B5D4E6 - #CDE4D1 | 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 #B5D4E6 as 0% and #CDE4D1 as 100%.

0.0%	0.0% #B5D4E6	RGB 181 212 230	#B5D4E6
16.7%	16.7% #B9D6E2	RGB 185 214 226	#B9D6E2
33.3%	33.3% #BDD9DF	RGB 189 217 223	#BDD9DF
50.0%	50.0% #C1DCDB	RGB 193 220 219	#C1DCDB
66.7%	66.7% #C5DED8	RGB 197 222 216	#C5DED8
83.3%	83.3% #C9E1D4	RGB 201 225 212	#C9E1D4
100.0%	100.0% #CDE4D1	RGB 205 228 209	#CDE4D1

#B5D4E6 #B9D6E2 #BDD9DF #C1DCDB #C5DED8 #C9E1D4 #CDE4D1

#B5D4E6 - #CDE4D1

HSV Blend

#B5D4E6 - #CDE4D1 | 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 #B5D4E6 as 0% and #CDE4D1 as 100%.

0.0%	0.0% #B5D4E6	RGB 181 212 230	#B5D4E6
16.7%	16.7% #B9DEE5	RGB 185 222 229	#B9DEE5
33.3%	33.3% #BDE5E4	RGB 189 229 228	#BDE5E4
50.0%	50.0% #C1E5DC	RGB 193 229 220	#C1E5DC
66.7%	66.7% #C5E4D7	RGB 197 228 215	#C5E4D7
83.3%	83.3% #C9E4D3	RGB 201 228 211	#C9E4D3
100.0%	100.0% #CDE4D1	RGB 205 228 209	#CDE4D1

#B5D4E6 #B9DEE5 #BDE5E4 #C1E5DC #C5E4D7 #C9E4D3 #CDE4D1

#B5D4E6 - #C1E5DC - #CDE4D1

CSS codes

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

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