#EF5C8D - #A70343 | 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 #EF5C8D to #A70343

#EF5C8D #A70343

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

#EF5C8D - #A70343 | 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 #EF5C8D as 0% and #A70343 as 100%.

0.0%	0.0% #EF5C8D	RGB 239 92 141	#EF5C8D
16.7%	16.7% #E34D80	RGB 227 77 128	#E34D80
33.3%	33.3% #D73E74	RGB 215 62 116	#D73E74
50.0%	50.0% #CB2F68	RGB 203 47 104	#CB2F68
66.7%	66.7% #BF205B	RGB 191 32 91	#BF205B
83.3%	83.3% #B3114F	RGB 179 17 79	#B3114F
100.0%	100.0% #A70343	RGB 167 3 67	#A70343

#EF5C8D #E34D80 #D73E74 #CB2F68 #BF205B #B3114F #A70343

#EF5C8D - #A70343

HSV Blend

#EF5C8D - #A70343 | 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 #EF5C8D as 0% and #A70343 as 100%.

0.0%	0.0% #EF5C8D	RGB 239 92 141	#EF5C8D
16.7%	16.7% #E3497E	RGB 227 73 126	#E3497E
33.3%	33.3% #D73870	RGB 215 56 112	#D73870
50.0%	50.0% #CB2863	RGB 203 40 99	#CB2863
66.7%	66.7% #BF1A57	RGB 191 26 87	#BF1A57
83.3%	83.3% #B30E4C	RGB 179 14 76	#B30E4C
100.0%	100.0% #A70343	RGB 167 3 67	#A70343

#EF5C8D #E3497E #D73870 #CB2863 #BF1A57 #B30E4C #A70343

#EF5C8D - #CB2863 - #A70343

CSS codes

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

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