#EDB6B9 - #BC606B | 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 #BC606B

#EDB6B9 #BC606B

Calculate the color between two colors, #EDB6B9 and #BC606B. 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 - #BC606B | 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 #BC606B as 100%.

0.0%	0.0% #EDB6B9	RGB 237 182 185	#EDB6B9
16.7%	16.7% #E4A7AC	RGB 228 167 172	#E4A7AC
33.3%	33.3% #DC999F	RGB 220 153 159	#DC999F
50.0%	50.0% #D48B92	RGB 212 139 146	#D48B92
66.7%	66.7% #CC7C85	RGB 204 124 133	#CC7C85
83.3%	83.3% #C46E78	RGB 196 110 120	#C46E78
100.0%	100.0% #BC606B	RGB 188 96 107	#BC606B

#EDB6B9 #E4A7AC #DC999F #D48B92 #CC7C85 #C46E78 #BC606B

#EDB6B9 - #BC606B

HSV Blend

#EDB6B9 - #BC606B | 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 #BC606B as 100%.

0.0%	0.0% #EDB6B9	RGB 237 182 185	#EDB6B9
16.7%	16.7% #E4A5AA	RGB 228 165 170	#E4A5AA
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% #C46C76	RGB 196 108 118	#C46C76
100.0%	100.0% #BC606B	RGB 188 96 107	#BC606B

#EDB6B9 #E4A5AA #DC969B #D4878E #CC7981 #C46C76 #BC606B

#EDB6B9 - #D4878E - #BC606B

CSS codes

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

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