#B5DCE6 - #EEE6E5 | 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 #B5DCE6 to #EEE6E5

#B5DCE6 #EEE6E5

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

#B5DCE6 - #EEE6E5 | 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 #B5DCE6 as 0% and #EEE6E5 as 100%.

0.0%	0.0% #B5DCE6	RGB 181 220 230	#B5DCE6
16.7%	16.7% #BEDDE5	RGB 190 221 229	#BEDDE5
33.3%	33.3% #C8DFE5	RGB 200 223 229	#C8DFE5
50.0%	50.0% #D1E1E5	RGB 209 225 229	#D1E1E5
66.7%	66.7% #DBE2E5	RGB 219 226 229	#DBE2E5
83.3%	83.3% #E4E4E5	RGB 228 228 229	#E4E4E5
100.0%	100.0% #EEE6E5	RGB 238 230 229	#EEE6E5

#B5DCE6 #BEDDE5 #C8DFE5 #D1E1E5 #DBE2E5 #E4E4E5 #EEE6E5

#B5DCE6 - #EEE6E5

HSV Blend

#B5DCE6 - #EEE6E5 | 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 #B5DCE6 as 0% and #EEE6E5 as 100%.

0.0%	0.0% #B5DCE6	RGB 181 220 230	#B5DCE6
16.7%	16.7% #BCCAE7	RGB 188 202 231	#BCCAE7
33.3%	33.3% #CAC4E8	RGB 202 196 232	#CAC4E8
50.0%	50.0% #DFCCEA	RGB 223 204 234	#DFCCEA
66.7%	66.7% #EBD4E8	RGB 235 212 232	#EBD4E8
83.3%	83.3% #ECDCE2	RGB 236 220 226	#ECDCE2
100.0%	100.0% #EEE6E5	RGB 238 230 229	#EEE6E5

#B5DCE6 #BCCAE7 #CAC4E8 #DFCCEA #EBD4E8 #ECDCE2 #EEE6E5

#B5DCE6 - #DFCCEA - #EEE6E5

CSS codes

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

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