#B2D5E0 - #ECE5E1 | 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 #B2D5E0 to #ECE5E1

#B2D5E0 #ECE5E1

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

#B2D5E0 - #ECE5E1 | 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 #B2D5E0 as 0% and #ECE5E1 as 100%.

0.0%	0.0% #B2D5E0	RGB 178 213 224	#B2D5E0
16.7%	16.7% #BBD7E0	RGB 187 215 224	#BBD7E0
33.3%	33.3% #C5DAE0	RGB 197 218 224	#C5DAE0
50.0%	50.0% #CFDDE0	RGB 207 221 224	#CFDDE0
66.7%	66.7% #D8DFE0	RGB 216 223 224	#D8DFE0
83.3%	83.3% #E2E2E0	RGB 226 226 224	#E2E2E0
100.0%	100.0% #ECE5E1	RGB 236 229 225	#ECE5E1

#B2D5E0 #BBD7E0 #C5DAE0 #CFDDE0 #D8DFE0 #E2E2E0 #ECE5E1

#B2D5E0 - #ECE5E1

HSV Blend

#B2D5E0 - #ECE5E1 | 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 #B2D5E0 as 0% and #ECE5E1 as 100%.

0.0%	0.0% #B2D5E0	RGB 178 213 224	#B2D5E0
16.7%	16.7% #B9E2D8	RGB 185 226 216	#B9E2D8
33.3%	33.3% #C1E4CA	RGB 193 228 202	#C1E4CA
50.0%	50.0% #CEE6C9	RGB 206 230 201	#CEE6C9
66.7%	66.7% #E0E8D0	RGB 224 232 208	#E0E8D0
83.3%	83.3% #EAE7D8	RGB 234 231 216	#EAE7D8
100.0%	100.0% #ECE5E1	RGB 236 229 225	#ECE5E1

#B2D5E0 #B9E2D8 #C1E4CA #CEE6C9 #E0E8D0 #EAE7D8 #ECE5E1

#B2D5E0 - #CEE6C9 - #ECE5E1

CSS codes

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

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