#B13EB6 - #E9C7EA | 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 #B13EB6 to #E9C7EA

#B13EB6 #E9C7EA

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

#B13EB6 - #E9C7EA | 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 #B13EB6 as 0% and #E9C7EA as 100%.

0.0%	0.0% #B13EB6	RGB 177 62 182	#B13EB6
16.7%	16.7% #BA54BE	RGB 186 84 190	#BA54BE
33.3%	33.3% #C36BC7	RGB 195 107 199	#C36BC7
50.0%	50.0% #CD82D0	RGB 205 130 208	#CD82D0
66.7%	66.7% #D699D8	RGB 214 153 216	#D699D8
83.3%	83.3% #DFB0E1	RGB 223 176 225	#DFB0E1
100.0%	100.0% #E9C7EA	RGB 233 199 234	#E9C7EA

#B13EB6 #BA54BE #C36BC7 #CD82D0 #D699D8 #DFB0E1 #E9C7EA

#B13EB6 - #E9C7EA

HSV Blend

#B13EB6 - #E9C7EA | 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 #B13EB6 as 0% and #E9C7EA as 100%.

0.0%	0.0% #B13EB6	RGB 177 62 182	#B13EB6
16.7%	16.7% #BA51BE	RGB 186 81 190	#BA51BE
33.3%	33.3% #C365C7	RGB 195 101 199	#C365C7
50.0%	50.0% #CD7BD0	RGB 205 123 208	#CD7BD0
66.7%	66.7% #D693D8	RGB 214 147 216	#D693D8
83.3%	83.3% #DFACE1	RGB 223 172 225	#DFACE1
100.0%	100.0% #E9C7EA	RGB 233 199 234	#E9C7EA

#B13EB6 #BA51BE #C365C7 #CD7BD0 #D693D8 #DFACE1 #E9C7EA

#B13EB6 - #CD7BD0 - #E9C7EA

CSS codes

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

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