#EDADAB - #DA5955 | 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 #EDADAB to #DA5955

#EDADAB #DA5955

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

#EDADAB - #DA5955 | 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 #EDADAB as 0% and #DA5955 as 100%.

0.0%	0.0% #EDADAB	RGB 237 173 171	#EDADAB
16.7%	16.7% #E99F9C	RGB 233 159 156	#E99F9C
33.3%	33.3% #E6918E	RGB 230 145 142	#E6918E
50.0%	50.0% #E38380	RGB 227 131 128	#E38380
66.7%	66.7% #E07571	RGB 224 117 113	#E07571
83.3%	83.3% #DD6763	RGB 221 103 99	#DD6763
100.0%	100.0% #DA5955	RGB 218 89 85	#DA5955

#EDADAB #E99F9C #E6918E #E38380 #E07571 #DD6763 #DA5955

#EDADAB - #DA5955

HSV Blend

#EDADAB - #DA5955 | 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 #EDADAB as 0% and #DA5955 as 100%.

0.0%	0.0% #EDADAB	RGB 237 173 171	#EDADAB
16.7%	16.7% #E99E9B	RGB 233 158 155	#E99E9B
33.3%	33.3% #E68F8C	RGB 230 143 140	#E68F8C
50.0%	50.0% #E3817E	RGB 227 129 126	#E3817E
66.7%	66.7% #E07370	RGB 224 115 112	#E07370
83.3%	83.3% #DD6662	RGB 221 102 98	#DD6662
100.0%	100.0% #DA5955	RGB 218 89 85	#DA5955

#EDADAB #E99E9B #E68F8C #E3817E #E07370 #DD6662 #DA5955

#EDADAB - #E3817E - #DA5955

CSS codes

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

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