#EDA2BA - #BD416D | 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 #EDA2BA to #BD416D

#EDA2BA #BD416D

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

#EDA2BA - #BD416D | 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 #EDA2BA as 0% and #BD416D as 100%.

0.0%	0.0% #EDA2BA	RGB 237 162 186	#EDA2BA
16.7%	16.7% #E591AD	RGB 229 145 173	#E591AD
33.3%	33.3% #DD81A0	RGB 221 129 160	#DD81A0
50.0%	50.0% #D57193	RGB 213 113 147	#D57193
66.7%	66.7% #CD6186	RGB 205 97 134	#CD6186
83.3%	83.3% #C55179	RGB 197 81 121	#C55179
100.0%	100.0% #BD416D	RGB 189 65 109	#BD416D

#EDA2BA #E591AD #DD81A0 #D57193 #CD6186 #C55179 #BD416D

#EDA2BA - #BD416D

HSV Blend

#EDA2BA - #BD416D | 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 #EDA2BA as 0% and #BD416D as 100%.

0.0%	0.0% #EDA2BA	RGB 237 162 186	#EDA2BA
16.7%	16.7% #E58FAB	RGB 229 143 171	#E58FAB
33.3%	33.3% #DD7E9D	RGB 221 126 157	#DD7E9D
50.0%	50.0% #D56D90	RGB 213 109 144	#D56D90
66.7%	66.7% #CD5D83	RGB 205 93 131	#CD5D83
83.3%	83.3% #C54E78	RGB 197 78 120	#C54E78
100.0%	100.0% #BD416D	RGB 189 65 109	#BD416D

#EDA2BA #E58FAB #DD7E9D #D56D90 #CD5D83 #C54E78 #BD416D

#EDA2BA - #D56D90 - #BD416D

CSS codes

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

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