#D34F76 - #BDB5E9 | 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 #D34F76 to #BDB5E9

#D34F76 #BDB5E9

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

#D34F76 - #BDB5E9 | 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 #D34F76 as 0% and #BDB5E9 as 100%.

0.0%	0.0% #D34F76	RGB 211 79 118	#D34F76
16.7%	16.7% #CF6089	RGB 207 96 137	#CF6089
33.3%	33.3% #CB719C	RGB 203 113 156	#CB719C
50.0%	50.0% #C882AF	RGB 200 130 175	#C882AF
66.7%	66.7% #C493C2	RGB 196 147 194	#C493C2
83.3%	83.3% #C0A4D5	RGB 192 164 213	#C0A4D5
100.0%	100.0% #BDB5E9	RGB 189 181 233	#BDB5E9

#D34F76 #CF6089 #CB719C #C882AF #C493C2 #C0A4D5 #BDB5E9

#D34F76 - #BDB5E9

HSV Blend

#D34F76 - #BDB5E9 | 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 #D34F76 as 0% and #BDB5E9 as 100%.

0.0%	0.0% #D34F76	RGB 211 79 118	#D34F76
16.7%	16.7% #D65EA1	RGB 214 94 161	#D65EA1
33.3%	33.3% #DA6FC6	RGB 218 111 198	#DA6FC6
50.0%	50.0% #D77FDE	RGB 215 127 222	#D77FDE
66.7%	66.7% #C791E1	RGB 199 145 225	#C791E1
83.3%	83.3% #BEA2E5	RGB 190 162 229	#BEA2E5
100.0%	100.0% #BDB5E9	RGB 189 181 233	#BDB5E9

#D34F76 #D65EA1 #DA6FC6 #D77FDE #C791E1 #BEA2E5 #BDB5E9

#D34F76 - #D77FDE - #BDB5E9

CSS codes

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

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