#BD3492 - #ECC5DF | 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 #BD3492 to #ECC5DF

#BD3492 #ECC5DF

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

#BD3492 - #ECC5DF | 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 #BD3492 as 0% and #ECC5DF as 100%.

0.0%	0.0% #BD3492	RGB 189 52 146	#BD3492
16.7%	16.7% #C44C9E	RGB 196 76 158	#C44C9E
33.3%	33.3% #CC64AB	RGB 204 100 171	#CC64AB
50.0%	50.0% #D47CB8	RGB 212 124 184	#D47CB8
66.7%	66.7% #DC94C5	RGB 220 148 197	#DC94C5
83.3%	83.3% #E4ACD2	RGB 228 172 210	#E4ACD2
100.0%	100.0% #ECC5DF	RGB 236 197 223	#ECC5DF

#BD3492 #C44C9E #CC64AB #D47CB8 #DC94C5 #E4ACD2 #ECC5DF

#BD3492 - #ECC5DF

HSV Blend

#BD3492 - #ECC5DF | 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 #BD3492 as 0% and #ECC5DF as 100%.

0.0%	0.0% #BD3491	RGB 189 52 145	#BD3491
16.7%	16.7% #C4489D	RGB 196 72 157	#C4489D
33.3%	33.3% #CC5EA9	RGB 204 94 169	#CC5EA9
50.0%	50.0% #D475B5	RGB 212 117 181	#D475B5
66.7%	66.7% #DC8EC2	RGB 220 142 194	#DC8EC2
83.3%	83.3% #E4A9D0	RGB 228 169 208	#E4A9D0
100.0%	100.0% #ECC5DF	RGB 236 197 223	#ECC5DF

#BD3491 #C4489D #CC5EA9 #D475B5 #DC8EC2 #E4A9D0 #ECC5DF

#BD3492 - #D475B5 - #ECC5DF

CSS codes

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

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