#ED7E8C - #AF2741 | 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 #ED7E8C to #AF2741

#ED7E8C #AF2741

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

#ED7E8C - #AF2741 | 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 #ED7E8C as 0% and #AF2741 as 100%.

0.0%	0.0% #ED7E8C	RGB 237 126 140	#ED7E8C
16.7%	16.7% #E26F7F	RGB 226 111 127	#E26F7F
33.3%	33.3% #D86173	RGB 216 97 115	#D86173
50.0%	50.0% #CE5266	RGB 206 82 102	#CE5266
66.7%	66.7% #C3445A	RGB 195 68 90	#C3445A
83.3%	83.3% #B9354D	RGB 185 53 77	#B9354D
100.0%	100.0% #AF2741	RGB 175 39 65	#AF2741

#ED7E8C #E26F7F #D86173 #CE5266 #C3445A #B9354D #AF2741

#ED7E8C - #AF2741

HSV Blend

#ED7E8C - #AF2741 | 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 #ED7E8C as 0% and #AF2741 as 100%.

0.0%	0.0% #ED7E8C	RGB 237 126 140	#ED7E8C
16.7%	16.7% #E26C7C	RGB 226 108 124	#E26C7C
33.3%	33.3% #D85C6F	RGB 216 92 111	#D85C6F
50.0%	50.0% #CE4D62	RGB 206 77 98	#CE4D62
66.7%	66.7% #C33F56	RGB 195 63 86	#C33F56
83.3%	83.3% #B9324B	RGB 185 50 75	#B9324B
100.0%	100.0% #AF2741	RGB 175 39 65	#AF2741

#ED7E8C #E26C7C #D85C6F #CE4D62 #C33F56 #B9324B #AF2741

#ED7E8C - #CE4D62 - #AF2741

CSS codes

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

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