#B2D1BA - #E5CCFF | 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 #B2D1BA to #E5CCFF

#B2D1BA #E5CCFF

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

#B2D1BA - #E5CCFF | 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 #B2D1BA as 0% and #E5CCFF as 100%.

0.0%	0.0% #B2D1BA	RGB 178 209 186	#B2D1BA
16.7%	16.7% #BAD0C5	RGB 186 208 197	#BAD0C5
33.3%	33.3% #C3CFD1	RGB 195 207 209	#C3CFD1
50.0%	50.0% #CBCEDC	RGB 203 206 220	#CBCEDC
66.7%	66.7% #D4CDE8	RGB 212 205 232	#D4CDE8
83.3%	83.3% #DCCCF3	RGB 220 204 243	#DCCCF3
100.0%	100.0% #E5CCFF	RGB 229 204 255	#E5CCFF

#B2D1BA #BAD0C5 #C3CFD1 #CBCEDC #D4CDE8 #DCCCF3 #E5CCFF

#B2D1BA - #E5CCFF

HSV Blend

#B2D1BA - #E5CCFF | 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 #B2D1BA as 0% and #E5CCFF as 100%.

0.0%	0.0% #B2D1BA	RGB 178 209 186	#B2D1BA
16.7%	16.7% #B6D8CC	RGB 182 216 204	#B6D8CC
33.3%	33.3% #BBE0E0	RGB 187 224 224	#BBE0E0
50.0%	50.0% #BFD8E8	RGB 191 216 232	#BFD8E8
66.7%	66.7% #C3CEEF	RGB 195 206 239	#C3CEEF
83.3%	83.3% #CDC7F7	RGB 205 199 247	#CDC7F7
100.0%	100.0% #E5CCFF	RGB 229 204 255	#E5CCFF

#B2D1BA #B6D8CC #BBE0E0 #BFD8E8 #C3CEEF #CDC7F7 #E5CCFF

#B2D1BA - #BFD8E8 - #E5CCFF

CSS codes

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

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