#B3C0E6 - #F0EEE5 | 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 #B3C0E6 to #F0EEE5

#B3C0E6 #F0EEE5

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

#B3C0E6 - #F0EEE5 | 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 #B3C0E6 as 0% and #F0EEE5 as 100%.

0.0%	0.0% #B3C0E6	RGB 179 192 230	#B3C0E6
16.7%	16.7% #BDC7E5	RGB 189 199 229	#BDC7E5
33.3%	33.3% #C7CFE5	RGB 199 207 229	#C7CFE5
50.0%	50.0% #D1D7E5	RGB 209 215 229	#D1D7E5
66.7%	66.7% #DBDEE5	RGB 219 222 229	#DBDEE5
83.3%	83.3% #E5E6E5	RGB 229 230 229	#E5E6E5
100.0%	100.0% #F0EEE5	RGB 240 238 229	#F0EEE5

#B3C0E6 #BDC7E5 #C7CFE5 #D1D7E5 #DBDEE5 #E5E6E5 #F0EEE5

#B3C0E6 - #F0EEE5

HSV Blend

#B3C0E6 - #F0EEE5 | 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 #B3C0E6 as 0% and #F0EEE5 as 100%.

0.0%	0.0% #B3C0E6	RGB 179 192 230	#B3C0E6
16.7%	16.7% #BBDCE7	RGB 187 220 231	#BBDCE7
33.3%	33.3% #C3E9E0	RGB 195 233 224	#C3E9E0
50.0%	50.0% #CBEBD4	RGB 203 235 212	#CBEBD4
66.7%	66.7% #D9ECD3	RGB 217 236 211	#D9ECD3
83.3%	83.3% #E8EEDC	RGB 232 238 220	#E8EEDC
100.0%	100.0% #F0EEE5	RGB 240 238 229	#F0EEE5

#B3C0E6 #BBDCE7 #C3E9E0 #CBEBD4 #D9ECD3 #E8EEDC #F0EEE5

#B3C0E6 - #CBEBD4 - #F0EEE5

CSS codes

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

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