#B5C5E6 - #DCE0E3 | 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 #DCE0E3

#B5C5E6 #DCE0E3

Calculate the color between two colors, #B5C5E6 and #DCE0E3. 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 - #DCE0E3 | 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 #DCE0E3 as 100%.

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #BBC9E5	RGB 187 201 229	#BBC9E5
33.3%	33.3% #C2CEE5	RGB 194 206 229	#C2CEE5
50.0%	50.0% #C8D2E4	RGB 200 210 228	#C8D2E4
66.7%	66.7% #CFD7E4	RGB 207 215 228	#CFD7E4
83.3%	83.3% #D5DBE3	RGB 213 219 227	#D5DBE3
100.0%	100.0% #DCE0E3	RGB 220 224 227	#DCE0E3

#B5C5E6 #BBC9E5 #C2CEE5 #C8D2E4 #CFD7E4 #D5DBE3 #DCE0E3

#B5C5E6 - #DCE0E3

HSV Blend

#B5C5E6 - #DCE0E3 | 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 #DCE0E3 as 100%.

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #BBCAE5	RGB 187 202 229	#BBCAE5
33.3%	33.3% #C2D0E5	RGB 194 208 229	#C2D0E5
50.0%	50.0% #C8D5E4	RGB 200 213 228	#C8D5E4
66.7%	66.7% #CFD9E4	RGB 207 217 228	#CFD9E4
83.3%	83.3% #D5DCE3	RGB 213 220 227	#D5DCE3
100.0%	100.0% #DCE0E3	RGB 220 224 227	#DCE0E3

#B5C5E6 #BBCAE5 #C2D0E5 #C8D5E4 #CFD9E4 #D5DCE3 #DCE0E3

#B5C5E6 - #C8D5E4 - #DCE0E3

CSS codes

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

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