#EC99D0 - #BF2988 | 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 #EC99D0 to #BF2988

#EC99D0 #BF2988

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

#EC99D0 - #BF2988 | 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 #EC99D0 as 0% and #BF2988 as 100%.

0.0%	0.0% #EC99D0	RGB 236 153 208	#EC99D0
16.7%	16.7% #E486C4	RGB 228 134 196	#E486C4
33.3%	33.3% #DD73B8	RGB 221 115 184	#DD73B8
50.0%	50.0% #D561AC	RGB 213 97 172	#D561AC
66.7%	66.7% #CE4EA0	RGB 206 78 160	#CE4EA0
83.3%	83.3% #C63B94	RGB 198 59 148	#C63B94
100.0%	100.0% #BF2988	RGB 191 41 136	#BF2988

#EC99D0 #E486C4 #DD73B8 #D561AC #CE4EA0 #C63B94 #BF2988

#EC99D0 - #BF2988

HSV Blend

#EC99D0 - #BF2988 | 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 #EC99D0 as 0% and #BF2988 as 100%.

0.0%	0.0% #EC99D0	RGB 236 153 208	#EC99D0
16.7%	16.7% #E483C3	RGB 228 131 195	#E483C3
33.3%	33.3% #DD6FB6	RGB 221 111 182	#DD6FB6
50.0%	50.0% #D55CAA	RGB 213 92 170	#D55CAA
66.7%	66.7% #CE499E	RGB 206 73 158	#CE499E
83.3%	83.3% #C63893	RGB 198 56 147	#C63893
100.0%	100.0% #BF2988	RGB 191 41 136	#BF2988

#EC99D0 #E483C3 #DD6FB6 #D55CAA #CE499E #C63893 #BF2988

#EC99D0 - #D55CAA - #BF2988

CSS codes

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

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