#BC9FDC - #EBE3F5 | 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 #BC9FDC to #EBE3F5

#BC9FDC #EBE3F5

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

#BC9FDC - #EBE3F5 | 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 #BC9FDC as 0% and #EBE3F5 as 100%.

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #C3AAE0	RGB 195 170 224	#C3AAE0
33.3%	33.3% #CBB5E4	RGB 203 181 228	#CBB5E4
50.0%	50.0% #D3C1E8	RGB 211 193 232	#D3C1E8
66.7%	66.7% #DBCCEC	RGB 219 204 236	#DBCCEC
83.3%	83.3% #E3D7F0	RGB 227 215 240	#E3D7F0
100.0%	100.0% #EBE3F5	RGB 235 227 245	#EBE3F5

#BC9FDC #C3AAE0 #CBB5E4 #D3C1E8 #DBCCEC #E3D7F0 #EBE3F5

#BC9FDC - #EBE3F5

HSV Blend

#BC9FDC - #EBE3F5 | 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 #BC9FDC as 0% and #EBE3F5 as 100%.

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #C3A9E0	RGB 195 169 224	#C3A9E0
33.3%	33.3% #CAB4E4	RGB 202 180 228	#CAB4E4
50.0%	50.0% #D2BFE8	RGB 210 191 232	#D2BFE8
66.7%	66.7% #DACBEC	RGB 218 203 236	#DACBEC
83.3%	83.3% #E2D6F0	RGB 226 214 240	#E2D6F0
100.0%	100.0% #EBE3F5	RGB 235 227 245	#EBE3F5

#BC9FDC #C3A9E0 #CAB4E4 #D2BFE8 #DACBEC #E2D6F0 #EBE3F5

#BC9FDC - #D2BFE8 - #EBE3F5

CSS codes

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

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