#EB45A8 - #E2B9DD | 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 #EB45A8 to #E2B9DD

#EB45A8 #E2B9DD

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

#EB45A8 - #E2B9DD | 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 #EB45A8 as 0% and #E2B9DD as 100%.

0.0%	0.0% #EB45A8	RGB 235 69 168	#EB45A8
16.7%	16.7% #E958B0	RGB 233 88 176	#E958B0
33.3%	33.3% #E86BB9	RGB 232 107 185	#E86BB9
50.0%	50.0% #E67FC2	RGB 230 127 194	#E67FC2
66.7%	66.7% #E592CB	RGB 229 146 203	#E592CB
83.3%	83.3% #E3A5D4	RGB 227 165 212	#E3A5D4
100.0%	100.0% #E2B9DD	RGB 226 185 221	#E2B9DD

#EB45A8 #E958B0 #E86BB9 #E67FC2 #E592CB #E3A5D4 #E2B9DD

#EB45A8 - #E2B9DD

HSV Blend

#EB45A8 - #E2B9DD | 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 #EB45A8 as 0% and #E2B9DD as 100%.

0.0%	0.0% #EB45A8	RGB 235 69 168	#EB45A8
16.7%	16.7% #E958B5	RGB 233 88 181	#E958B5
33.3%	33.3% #E86CC1	RGB 232 108 193	#E86CC1
50.0%	50.0% #E680CB	RGB 230 128 203	#E680CB
66.7%	66.7% #E593D3	RGB 229 147 211	#E593D3
83.3%	83.3% #E3A6D9	RGB 227 166 217	#E3A6D9
100.0%	100.0% #E2B9DD	RGB 226 185 221	#E2B9DD

#EB45A8 #E958B5 #E86CC1 #E680CB #E593D3 #E3A6D9 #E2B9DD

#EB45A8 - #E680CB - #E2B9DD

CSS codes

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

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