#BAAFB2 - #ECC6DF | 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 #BAAFB2 to #ECC6DF

#BAAFB2 #ECC6DF

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

#BAAFB2 - #ECC6DF | 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 #BAAFB2 as 0% and #ECC6DF as 100%.

0.0%	0.0% #BAAFB2	RGB 186 175 178	#BAAFB2
16.7%	16.7% #C2B2B9	RGB 194 178 185	#C2B2B9
33.3%	33.3% #CAB6C1	RGB 202 182 193	#CAB6C1
50.0%	50.0% #D3BAC8	RGB 211 186 200	#D3BAC8
66.7%	66.7% #DBBED0	RGB 219 190 208	#DBBED0
83.3%	83.3% #E3C2D7	RGB 227 194 215	#E3C2D7
100.0%	100.0% #ECC6DF	RGB 236 198 223	#ECC6DF

#BAAFB2 #C2B2B9 #CAB6C1 #D3BAC8 #DBBED0 #E3C2D7 #ECC6DF

#BAAFB2 - #ECC6DF

HSV Blend

#BAAFB2 - #ECC6DF | 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 #BAAFB2 as 0% and #ECC6DF as 100%.

0.0%	0.0% #BAAFB2	RGB 186 175 178	#BAAFB2
16.7%	16.7% #C2B3B8	RGB 194 179 184	#C2B3B8
33.3%	33.3% #CAB7BF	RGB 202 183 191	#CAB7BF
50.0%	50.0% #D3BBC6	RGB 211 187 198	#D3BBC6
66.7%	66.7% #DBBFCE	RGB 219 191 206	#DBBFCE
83.3%	83.3% #E3C2D6	RGB 227 194 214	#E3C2D6
100.0%	100.0% #ECC6DF	RGB 236 198 223	#ECC6DF

#BAAFB2 #C2B3B8 #CAB7BF #D3BBC6 #DBBFCE #E3C2D6 #ECC6DF

#BAAFB2 - #D3BBC6 - #ECC6DF

CSS codes

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

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