#B5D7E6 - #CDE4CF | 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 #B5D7E6 to #CDE4CF

#B5D7E6 #CDE4CF

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

#B5D7E6 - #CDE4CF | 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 #B5D7E6 as 0% and #CDE4CF as 100%.

0.0%	0.0% #B5D7E6	RGB 181 215 230	#B5D7E6
16.7%	16.7% #B9D9E2	RGB 185 217 226	#B9D9E2
33.3%	33.3% #BDDBDE	RGB 189 219 222	#BDDBDE
50.0%	50.0% #C1DDDA	RGB 193 221 218	#C1DDDA
66.7%	66.7% #C5DFD6	RGB 197 223 214	#C5DFD6
83.3%	83.3% #C9E1D2	RGB 201 225 210	#C9E1D2
100.0%	100.0% #CDE4CF	RGB 205 228 207	#CDE4CF

#B5D7E6 #B9D9E2 #BDDBDE #C1DDDA #C5DFD6 #C9E1D2 #CDE4CF

#B5D7E6 - #CDE4CF

HSV Blend

#B5D7E6 - #CDE4CF | 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 #B5D7E6 as 0% and #CDE4CF as 100%.

0.0%	0.0% #B5D7E6	RGB 181 215 230	#B5D7E6
16.7%	16.7% #B9E1E5	RGB 185 225 229	#B9E1E5
33.3%	33.3% #BDE5E1	RGB 189 229 225	#BDE5E1
50.0%	50.0% #C1E5DA	RGB 193 229 218	#C1E5DA
66.7%	66.7% #C5E4D4	RGB 197 228 212	#C5E4D4
83.3%	83.3% #C9E4D0	RGB 201 228 208	#C9E4D0
100.0%	100.0% #CDE4CF	RGB 205 228 207	#CDE4CF

#B5D7E6 #B9E1E5 #BDE5E1 #C1E5DA #C5E4D4 #C9E4D0 #CDE4CF

#B5D7E6 - #C1E5DA - #CDE4CF

CSS codes

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

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