#BAAFB7 - #E8C6EC | 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 #BAAFB7 to #E8C6EC

#BAAFB7 #E8C6EC

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

#BAAFB7 - #E8C6EC | 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 #BAAFB7 as 0% and #E8C6EC as 100%.

0.0%	0.0% #BAAFB7	RGB 186 175 183	#BAAFB7
16.7%	16.7% #C1B2BF	RGB 193 178 191	#C1B2BF
33.3%	33.3% #C9B6C8	RGB 201 182 200	#C9B6C8
50.0%	50.0% #D1BAD1	RGB 209 186 209	#D1BAD1
66.7%	66.7% #D8BEDA	RGB 216 190 218	#D8BEDA
83.3%	83.3% #E0C2E3	RGB 224 194 227	#E0C2E3
100.0%	100.0% #E8C6EC	RGB 232 198 236	#E8C6EC

#BAAFB7 #C1B2BF #C9B6C8 #D1BAD1 #D8BEDA #E0C2E3 #E8C6EC

#BAAFB7 - #E8C6EC

HSV Blend

#BAAFB7 - #E8C6EC | 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 #BAAFB7 as 0% and #E8C6EC as 100%.

0.0%	0.0% #BAAFB7	RGB 186 175 183	#BAAFB7
16.7%	16.7% #C2B3BF	RGB 194 179 191	#C2B3BF
33.3%	33.3% #CAB7C7	RGB 202 183 199	#CAB7C7
50.0%	50.0% #D3BBD1	RGB 211 187 209	#D3BBD1
66.7%	66.7% #DBBFDA	RGB 219 191 218	#DBBFDA
83.3%	83.3% #E2C2E3	RGB 226 194 227	#E2C2E3
100.0%	100.0% #E8C6EC	RGB 232 198 236	#E8C6EC

#BAAFB7 #C2B3BF #CAB7C7 #D3BBD1 #DBBFDA #E2C2E3 #E8C6EC

#BAAFB7 - #D3BBD1 - #E8C6EC

CSS codes

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

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