#BCAFD4 - #EBE8F2 | 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 #BCAFD4 to #EBE8F2

#BCAFD4 #EBE8F2

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

#BCAFD4 - #EBE8F2 | 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 #BCAFD4 as 0% and #EBE8F2 as 100%.

0.0%	0.0% #BCAFD4	RGB 188 175 212	#BCAFD4
16.7%	16.7% #C3B8D9	RGB 195 184 217	#C3B8D9
33.3%	33.3% #CBC2DE	RGB 203 194 222	#CBC2DE
50.0%	50.0% #D3CBE3	RGB 211 203 227	#D3CBE3
66.7%	66.7% #DBD5E8	RGB 219 213 232	#DBD5E8
83.3%	83.3% #E3DEED	RGB 227 222 237	#E3DEED
100.0%	100.0% #EBE8F2	RGB 235 232 242	#EBE8F2

#BCAFD4 #C3B8D9 #CBC2DE #D3CBE3 #DBD5E8 #E3DEED #EBE8F2

#BCAFD4 - #EBE8F2

HSV Blend

#BCAFD4 - #EBE8F2 | 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 #BCAFD4 as 0% and #EBE8F2 as 100%.

0.0%	0.0% #BCAFD4	RGB 188 175 212	#BCAFD4
16.7%	16.7% #C3B7D9	RGB 195 183 217	#C3B7D9
33.3%	33.3% #CAC1DE	RGB 202 193 222	#CAC1DE
50.0%	50.0% #D2CAE3	RGB 210 202 227	#D2CAE3
66.7%	66.7% #DAD4E8	RGB 218 212 232	#DAD4E8
83.3%	83.3% #E2DDED	RGB 226 221 237	#E2DDED
100.0%	100.0% #EBE8F2	RGB 235 232 242	#EBE8F2

#BCAFD4 #C3B7D9 #CAC1DE #D2CAE3 #DAD4E8 #E2DDED #EBE8F2

#BCAFD4 - #D2CAE3 - #EBE8F2

CSS codes

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

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