#B3C0B2 - #E4CCE5 | 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 #B3C0B2 to #E4CCE5

#B3C0B2 #E4CCE5

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

#B3C0B2 - #E4CCE5 | 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 #B3C0B2 as 0% and #E4CCE5 as 100%.

0.0%	0.0% #B3C0B2	RGB 179 192 178	#B3C0B2
16.7%	16.7% #BBC2BA	RGB 187 194 186	#BBC2BA
33.3%	33.3% #C3C4C3	RGB 195 196 195	#C3C4C3
50.0%	50.0% #CBC6CB	RGB 203 198 203	#CBC6CB
66.7%	66.7% #D3C8D4	RGB 211 200 212	#D3C8D4
83.3%	83.3% #DBCADC	RGB 219 202 220	#DBCADC
100.0%	100.0% #E4CCE5	RGB 228 204 229	#E4CCE5

#B3C0B2 #BBC2BA #C3C4C3 #CBC6CB #D3C8D4 #DBCADC #E4CCE5

#B3C0B2 - #E4CCE5

HSV Blend

#B3C0B2 - #E4CCE5 | 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 #B3C0B2 as 0% and #E4CCE5 as 100%.

0.0%	0.0% #B3C0B2	RGB 179 192 178	#B3C0B2
16.7%	16.7% #BFC6B6	RGB 191 198 182	#BFC6B6
33.3%	33.3% #CCCBBA	RGB 204 203 186	#CCCBBA
50.0%	50.0% #D2C7BF	RGB 210 199 191	#D2C7BF
66.7%	66.7% #D8C3C4	RGB 216 195 196	#D8C3C4
83.3%	83.3% #DEC7D4	RGB 222 199 212	#DEC7D4
100.0%	100.0% #E4CCE5	RGB 228 204 229	#E4CCE5

#B3C0B2 #BFC6B6 #CCCBBA #D2C7BF #D8C3C4 #DEC7D4 #E4CCE5

#B3C0B2 - #D2C7BF - #E4CCE5

CSS codes

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

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