#B5CCCF - #EDE4DA | 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 #B5CCCF to #EDE4DA

#B5CCCF #EDE4DA

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

#B5CCCF - #EDE4DA | 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 #B5CCCF as 0% and #EDE4DA as 100%.

0.0%	0.0% #B5CCCF	RGB 181 204 207	#B5CCCF
16.7%	16.7% #BED0D0	RGB 190 208 208	#BED0D0
33.3%	33.3% #C7D4D2	RGB 199 212 210	#C7D4D2
50.0%	50.0% #D1D8D4	RGB 209 216 212	#D1D8D4
66.7%	66.7% #DADCD6	RGB 218 220 214	#DADCD6
83.3%	83.3% #E3E0D8	RGB 227 224 216	#E3E0D8
100.0%	100.0% #EDE4DA	RGB 237 228 218	#EDE4DA

#B5CCCF #BED0D0 #C7D4D2 #D1D8D4 #DADCD6 #E3E0D8 #EDE4DA

#B5CCCF - #EDE4DA

HSV Blend

#B5CCCF - #EDE4DA | 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 #B5CCCF as 0% and #EDE4DA as 100%.

0.0%	0.0% #B5CCCF	RGB 181 204 207	#B5CCCF
16.7%	16.7% #BAD4CC	RGB 186 212 204	#BAD4CC
33.3%	33.3% #C1D9C7	RGB 193 217 199	#C1D9C7
50.0%	50.0% #CBDEC7	RGB 203 222 199	#CBDEC7
66.7%	66.7% #DAE3CD	RGB 218 227 205	#DAE3CD
83.3%	83.3% #E8E7D3	RGB 232 231 211	#E8E7D3
100.0%	100.0% #EDE4DA	RGB 237 228 218	#EDE4DA

#B5CCCF #BAD4CC #C1D9C7 #CBDEC7 #DAE3CD #E8E7D3 #EDE4DA

#B5CCCF - #CBDEC7 - #EDE4DA

CSS codes

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

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