#B5C5E6 - #C2EAD9 | 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 #B5C5E6 to #C2EAD9

#B5C5E6 #C2EAD9

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

#B5C5E6 - #C2EAD9 | 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 #B5C5E6 as 0% and #C2EAD9 as 100%.

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #B7CBE3	RGB 183 203 227	#B7CBE3
33.3%	33.3% #B9D1E1	RGB 185 209 225	#B9D1E1
50.0%	50.0% #BBD7DF	RGB 187 215 223	#BBD7DF
66.7%	66.7% #BDDDDD	RGB 189 221 221	#BDDDDD
83.3%	83.3% #BFE3DB	RGB 191 227 219	#BFE3DB
100.0%	100.0% #C2EAD9	RGB 194 234 217	#C2EAD9

#B5C5E6 #B7CBE3 #B9D1E1 #BBD7DF #BDDDDD #BFE3DB #C2EAD9

#B5C5E6 - #C2EAD9

HSV Blend

#B5C5E6 - #C2EAD9 | 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 #B5C5E6 as 0% and #C2EAD9 as 100%.

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #B7CFE6	RGB 183 207 230	#B7CFE6
33.3%	33.3% #B9D9E7	RGB 185 217 231	#B9D9E7
50.0%	50.0% #BBE2E8	RGB 187 226 232	#BBE2E8
66.7%	66.7% #BDE8E6	RGB 189 232 230	#BDE8E6
83.3%	83.3% #BFE9DF	RGB 191 233 223	#BFE9DF
100.0%	100.0% #C2EAD9	RGB 194 234 217	#C2EAD9

#B5C5E6 #B7CFE6 #B9D9E7 #BBE2E8 #BDE8E6 #BFE9DF #C2EAD9

#B5C5E6 - #BBE2E8 - #C2EAD9

CSS codes

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

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