#BAAED2 - #FFE3CD | 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 #BAAED2 to #FFE3CD

#BAAED2 #FFE3CD

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

#BAAED2 - #FFE3CD | 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 #BAAED2 as 0% and #FFE3CD as 100%.

0.0%	0.0% #BAAED2	RGB 186 174 210	#BAAED2
16.7%	16.7% #C5B6D1	RGB 197 182 209	#C5B6D1
33.3%	33.3% #D1BFD0	RGB 209 191 208	#D1BFD0
50.0%	50.0% #DCC8CF	RGB 220 200 207	#DCC8CF
66.7%	66.7% #E8D1CE	RGB 232 209 206	#E8D1CE
83.3%	83.3% #F3DACD	RGB 243 218 205	#F3DACD
100.0%	100.0% #FFE3CD	RGB 255 227 205	#FFE3CD

#BAAED2 #C5B6D1 #D1BFD0 #DCC8CF #E8D1CE #F3DACD #FFE3CD

#BAAED2 - #FFE3CD

HSV Blend

#BAAED2 - #FFE3CD | 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 #BAAED2 as 0% and #FFE3CD as 100%.

0.0%	0.0% #BAAED2	RGB 186 174 210	#BAAED2
16.7%	16.7% #CDB3D9	RGB 205 179 217	#CDB3D9
33.3%	33.3% #E1B8DF	RGB 225 184 223	#E1B8DF
50.0%	50.0% #E8BDD7	RGB 232 189 215	#E8BDD7
66.7%	66.7% #F0C2CE	RGB 240 194 206	#F0C2CE
83.3%	83.3% #F7CCC7	RGB 247 204 199	#F7CCC7
100.0%	100.0% #FFE3CD	RGB 255 227 205	#FFE3CD

#BAAED2 #CDB3D9 #E1B8DF #E8BDD7 #F0C2CE #F7CCC7 #FFE3CD

#BAAED2 - #E8BDD7 - #FFE3CD

CSS codes

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

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