#EDA2B2 - #BB4464 | 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 #EDA2B2 to #BB4464

#EDA2B2 #BB4464

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

#EDA2B2 - #BB4464 | 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 #EDA2B2 as 0% and #BB4464 as 100%.

0.0%	0.0% #EDA2B2	RGB 237 162 178	#EDA2B2
16.7%	16.7% #E492A5	RGB 228 146 165	#E492A5
33.3%	33.3% #DC8298	RGB 220 130 152	#DC8298
50.0%	50.0% #D4738B	RGB 212 115 139	#D4738B
66.7%	66.7% #CB637E	RGB 203 99 126	#CB637E
83.3%	83.3% #C35371	RGB 195 83 113	#C35371
100.0%	100.0% #BB4464	RGB 187 68 100	#BB4464

#EDA2B2 #E492A5 #DC8298 #D4738B #CB637E #C35371 #BB4464

#EDA2B2 - #BB4464

HSV Blend

#EDA2B2 - #BB4464 | 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 #EDA2B2 as 0% and #BB4464 as 100%.

0.0%	0.0% #EDA2B2	RGB 237 162 178	#EDA2B2
16.7%	16.7% #E490A2	RGB 228 144 162	#E490A2
33.3%	33.3% #DC7F94	RGB 220 127 148	#DC7F94
50.0%	50.0% #D46F87	RGB 212 111 135	#D46F87
66.7%	66.7% #CB5F7A	RGB 203 95 122	#CB5F7A
83.3%	83.3% #C3516F	RGB 195 81 111	#C3516F
100.0%	100.0% #BB4464	RGB 187 68 100	#BB4464

#EDA2B2 #E490A2 #DC7F94 #D46F87 #CB5F7A #C3516F #BB4464

#EDA2B2 - #D46F87 - #BB4464

CSS codes

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

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