#BAA2AF - #BCAEEE | 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 #BAA2AF to #BCAEEE

#BAA2AF #BCAEEE

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

#BAA2AF - #BCAEEE | 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 #BAA2AF as 0% and #BCAEEE as 100%.

0.0%	0.0% #BAA2AF	RGB 186 162 175	#BAA2AF
16.7%	16.7% #BAA4B9	RGB 186 164 185	#BAA4B9
33.3%	33.3% #BAA6C4	RGB 186 166 196	#BAA6C4
50.0%	50.0% #BBA8CE	RGB 187 168 206	#BBA8CE
66.7%	66.7% #BBAAD9	RGB 187 170 217	#BBAAD9
83.3%	83.3% #BBACE3	RGB 187 172 227	#BBACE3
100.0%	100.0% #BCAEEE	RGB 188 174 238	#BCAEEE

#BAA2AF #BAA4B9 #BAA6C4 #BBA8CE #BBAAD9 #BBACE3 #BCAEEE

#BAA2AF - #BCAEEE

HSV Blend

#BAA2AF - #BCAEEE | 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 #BAA2AF as 0% and #BCAEEE as 100%.

0.0%	0.0% #BAA2AF	RGB 186 162 175	#BAA2AF
16.7%	16.7% #C2A5BB	RGB 194 165 187	#C2A5BB
33.3%	33.3% #CBA7C9	RGB 203 167 201	#CBA7C9
50.0%	50.0% #CDA9D4	RGB 205 169 212	#CDA9D4
66.7%	66.7% #CAABDC	RGB 202 171 220	#CAABDC
83.3%	83.3% #C4ADE5	RGB 196 173 229	#C4ADE5
100.0%	100.0% #BCAEEE	RGB 188 174 238	#BCAEEE

#BAA2AF #C2A5BB #CBA7C9 #CDA9D4 #CAABDC #C4ADE5 #BCAEEE

#BAA2AF - #CDA9D4 - #BCAEEE

CSS codes

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

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