#EDA1C0 - #BE3C74 | 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 #EDA1C0 to #BE3C74

#EDA1C0 #BE3C74

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

#EDA1C0 - #BE3C74 | 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 #EDA1C0 as 0% and #BE3C74 as 100%.

0.0%	0.0% #EDA1C0	RGB 237 161 192	#EDA1C0
16.7%	16.7% #E590B3	RGB 229 144 179	#E590B3
33.3%	33.3% #DD7FA6	RGB 221 127 166	#DD7FA6
50.0%	50.0% #D56E9A	RGB 213 110 154	#D56E9A
66.7%	66.7% #CD5D8D	RGB 205 93 141	#CD5D8D
83.3%	83.3% #C54C80	RGB 197 76 128	#C54C80
100.0%	100.0% #BE3C74	RGB 190 60 116	#BE3C74

#EDA1C0 #E590B3 #DD7FA6 #D56E9A #CD5D8D #C54C80 #BE3C74

#EDA1C0 - #BE3C74

HSV Blend

#EDA1C0 - #BE3C74 | 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 #EDA1C0 as 0% and #BE3C74 as 100%.

0.0%	0.0% #EDA1C0	RGB 237 161 192	#EDA1C0
16.7%	16.7% #E58DB1	RGB 229 141 177	#E58DB1
33.3%	33.3% #DD7BA4	RGB 221 123 164	#DD7BA4
50.0%	50.0% #D56A97	RGB 213 106 151	#D56A97
66.7%	66.7% #CD598A	RGB 205 89 138	#CD598A
83.3%	83.3% #C54A7F	RGB 197 74 127	#C54A7F
100.0%	100.0% #BE3C74	RGB 190 60 116	#BE3C74

#EDA1C0 #E58DB1 #DD7BA4 #D56A97 #CD598A #C54A7F #BE3C74

#EDA1C0 - #D56A97 - #BE3C74

CSS codes

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

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