#EDAFB0 - #BA5961 | 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 #EDAFB0 to #BA5961

#EDAFB0 #BA5961

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

#EDAFB0 - #BA5961 | 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 #EDAFB0 as 0% and #BA5961 as 100%.

0.0%	0.0% #EDAFB0	RGB 237 175 176	#EDAFB0
16.7%	16.7% #E4A0A2	RGB 228 160 162	#E4A0A2
33.3%	33.3% #DC9295	RGB 220 146 149	#DC9295
50.0%	50.0% #D38488	RGB 211 132 136	#D38488
66.7%	66.7% #CB757B	RGB 203 117 123	#CB757B
83.3%	83.3% #C2676E	RGB 194 103 110	#C2676E
100.0%	100.0% #BA5961	RGB 186 89 97	#BA5961

#EDAFB0 #E4A0A2 #DC9295 #D38488 #CB757B #C2676E #BA5961

#EDAFB0 - #BA5961

HSV Blend

#EDAFB0 - #BA5961 | 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 #EDAFB0 as 0% and #BA5961 as 100%.

0.0%	0.0% #EDAFB0	RGB 237 175 176	#EDAFB0
16.7%	16.7% #E49EA0	RGB 228 158 160	#E49EA0
33.3%	33.3% #DC8F92	RGB 220 143 146	#DC8F92
50.0%	50.0% #D38084	RGB 211 128 132	#D38084
66.7%	66.7% #CB7278	RGB 203 114 120	#CB7278
83.3%	83.3% #C2656C	RGB 194 101 108	#C2656C
100.0%	100.0% #BA5961	RGB 186 89 97	#BA5961

#EDAFB0 #E49EA0 #DC8F92 #D38084 #CB7278 #C2656C #BA5961

#EDAFB0 - #D38084 - #BA5961

CSS codes

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

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