#EB6AE5 - #B200A6 | 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 #EB6AE5 to #B200A6

#EB6AE5 #B200A6

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

#EB6AE5 - #B200A6 | 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 #EB6AE5 as 0% and #B200A6 as 100%.

0.0%	0.0% #EB6AE5	RGB 235 106 229	#EB6AE5
16.7%	16.7% #E158DA	RGB 225 88 218	#E158DA
33.3%	33.3% #D846D0	RGB 216 70 208	#D846D0
50.0%	50.0% #CE35C5	RGB 206 53 197	#CE35C5
66.7%	66.7% #C523BB	RGB 197 35 187	#C523BB
83.3%	83.3% #BB11B0	RGB 187 17 176	#BB11B0
100.0%	100.0% #B200A6	RGB 178 0 166	#B200A6

#EB6AE5 #E158DA #D846D0 #CE35C5 #C523BB #BB11B0 #B200A6

#EB6AE5 - #B200A6

HSV Blend

#EB6AE5 - #B200A6 | 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 #EB6AE5 as 0% and #B200A6 as 100%.

0.0%	0.0% #EB6AE5	RGB 235 106 229	#EB6AE5
16.7%	16.7% #E154DA	RGB 225 84 218	#E154DA
33.3%	33.3% #D840CF	RGB 216 64 207	#D840CF
50.0%	50.0% #CE2EC5	RGB 206 46 197	#CE2EC5
66.7%	66.7% #C51DBA	RGB 197 29 186	#C51DBA
83.3%	83.3% #BB0EB0	RGB 187 14 176	#BB0EB0
100.0%	100.0% #B200A6	RGB 178 0 166	#B200A6

#EB6AE5 #E154DA #D840CF #CE2EC5 #C51DBA #BB0EB0 #B200A6

#EB6AE5 - #CE2EC5 - #B200A6

CSS codes

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

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