#EDAFB7 - #BC5669 | 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 #EDAFB7 to #BC5669

#EDAFB7 #BC5669

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

#EDAFB7 - #BC5669 | 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 #EDAFB7 as 0% and #BC5669 as 100%.

0.0%	0.0% #EDAFB7	RGB 237 175 183	#EDAFB7
16.7%	16.7% #E4A0AA	RGB 228 160 170	#E4A0AA
33.3%	33.3% #DC919D	RGB 220 145 157	#DC919D
50.0%	50.0% #D48290	RGB 212 130 144	#D48290
66.7%	66.7% #CC7383	RGB 204 115 131	#CC7383
83.3%	83.3% #C46476	RGB 196 100 118	#C46476
100.0%	100.0% #BC5669	RGB 188 86 105	#BC5669

#EDAFB7 #E4A0AA #DC919D #D48290 #CC7383 #C46476 #BC5669

#EDAFB7 - #BC5669

HSV Blend

#EDAFB7 - #BC5669 | 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 #EDAFB7 as 0% and #BC5669 as 100%.

0.0%	0.0% #EDAFB7	RGB 237 175 183	#EDAFB7
16.7%	16.7% #E49EA8	RGB 228 158 168	#E49EA8
33.3%	33.3% #DC8E99	RGB 220 142 153	#DC8E99
50.0%	50.0% #D47F8C	RGB 212 127 140	#D47F8C
66.7%	66.7% #CC707F	RGB 204 112 127	#CC707F
83.3%	83.3% #C46274	RGB 196 98 116	#C46274
100.0%	100.0% #BC5669	RGB 188 86 105	#BC5669

#EDAFB7 #E49EA8 #DC8E99 #D47F8C #CC707F #C46274 #BC5669

#EDAFB7 - #D47F8C - #BC5669

CSS codes

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

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