#BD3E9C - #DF85D8 | 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 #BD3E9C to #DF85D8

#BD3E9C #DF85D8

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

#BD3E9C - #DF85D8 | 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 #BD3E9C as 0% and #DF85D8 as 100%.

0.0%	0.0% #BD3E9C	RGB 189 62 156	#BD3E9C
16.7%	16.7% #C249A6	RGB 194 73 166	#C249A6
33.3%	33.3% #C855B0	RGB 200 85 176	#C855B0
50.0%	50.0% #CE61BA	RGB 206 97 186	#CE61BA
66.7%	66.7% #D36DC4	RGB 211 109 196	#D36DC4
83.3%	83.3% #D979CE	RGB 217 121 206	#D979CE
100.0%	100.0% #DF85D8	RGB 223 133 216	#DF85D8

#BD3E9C #C249A6 #C855B0 #CE61BA #D36DC4 #D979CE #DF85D8

#BD3E9C - #DF85D8

HSV Blend

#BD3E9C - #DF85D8 | 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 #BD3E9C as 0% and #DF85D8 as 100%.

0.0%	0.0% #BD3E9B	RGB 189 62 155	#BD3E9B
16.7%	16.7% #C248A6	RGB 194 72 166	#C248A6
33.3%	33.3% #C853B1	RGB 200 83 177	#C853B1
50.0%	50.0% #CE5FBB	RGB 206 95 187	#CE5FBB
66.7%	66.7% #D36BC5	RGB 211 107 197	#D36BC5
83.3%	83.3% #D977CE	RGB 217 119 206	#D977CE
100.0%	100.0% #DF85D8	RGB 223 133 216	#DF85D8

#BD3E9B #C248A6 #C853B1 #CE5FBB #D36BC5 #D977CE #DF85D8

#BD3E9C - #CE5FBB - #DF85D8

CSS codes

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

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