#EDB6B9 - #BC606A | 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 #EDB6B9 to #BC606A

#EDB6B9 #BC606A

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

#EDB6B9 - #BC606A | 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 #EDB6B9 as 0% and #BC606A as 100%.

0.0%	0.0% #EDB6B9	RGB 237 182 185	#EDB6B9
16.7%	16.7% #E4A7AB	RGB 228 167 171	#E4A7AB
33.3%	33.3% #DC999E	RGB 220 153 158	#DC999E
50.0%	50.0% #D48B91	RGB 212 139 145	#D48B91
66.7%	66.7% #CC7C84	RGB 204 124 132	#CC7C84
83.3%	83.3% #C46E77	RGB 196 110 119	#C46E77
100.0%	100.0% #BC606A	RGB 188 96 106	#BC606A

#EDB6B9 #E4A7AB #DC999E #D48B91 #CC7C84 #C46E77 #BC606A

#EDB6B9 - #BC606A

HSV Blend

#EDB6B9 - #BC606A | 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 #EDB6B9 as 0% and #BC606A as 100%.

0.0%	0.0% #EDB6B9	RGB 237 182 185	#EDB6B9
16.7%	16.7% #E4A5A9	RGB 228 165 169	#E4A5A9
33.3%	33.3% #DC969B	RGB 220 150 155	#DC969B
50.0%	50.0% #D4878E	RGB 212 135 142	#D4878E
66.7%	66.7% #CC7981	RGB 204 121 129	#CC7981
83.3%	83.3% #C46C75	RGB 196 108 117	#C46C75
100.0%	100.0% #BC606A	RGB 188 96 106	#BC606A

#EDB6B9 #E4A5A9 #DC969B #D4878E #CC7981 #C46C75 #BC606A

#EDB6B9 - #D4878E - #BC606A

CSS codes

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

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