#EF5E6F - #A2122D | 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 #EF5E6F to #A2122D

#EF5E6F #A2122D

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

#EF5E6F - #A2122D | 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 #EF5E6F as 0% and #A2122D as 100%.

0.0%	0.0% #EF5E6F	RGB 239 94 111	#EF5E6F
16.7%	16.7% #E25164	RGB 226 81 100	#E25164
33.3%	33.3% #D54459	RGB 213 68 89	#D54459
50.0%	50.0% #C8384E	RGB 200 56 78	#C8384E
66.7%	66.7% #BB2B43	RGB 187 43 67	#BB2B43
83.3%	83.3% #AE1E38	RGB 174 30 56	#AE1E38
100.0%	100.0% #A2122D	RGB 162 18 45	#A2122D

#EF5E6F #E25164 #D54459 #C8384E #BB2B43 #AE1E38 #A2122D

#EF5E6F - #A2122D

HSV Blend

#EF5E6F - #A2122D | 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 #EF5E6F as 0% and #A2122D as 100%.

0.0%	0.0% #EF5E6F	RGB 239 94 111	#EF5E6F
16.7%	16.7% #E24E61	RGB 226 78 97	#E24E61
33.3%	33.3% #D53F54	RGB 213 63 84	#D53F54
50.0%	50.0% #C83249	RGB 200 50 73	#C83249
66.7%	66.7% #BB263E	RGB 187 38 62	#BB263E
83.3%	83.3% #AE1B35	RGB 174 27 53	#AE1B35
100.0%	100.0% #A2122D	RGB 162 18 45	#A2122D

#EF5E6F #E24E61 #D53F54 #C83249 #BB263E #AE1B35 #A2122D

#EF5E6F - #C83249 - #A2122D

CSS codes

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

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