#EB807C - #CF2B2F | 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 #EB807C to #CF2B2F

#EB807C #CF2B2F

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

#EB807C - #CF2B2F | 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 #EB807C as 0% and #CF2B2F as 100%.

0.0%	0.0% #EB807C	RGB 235 128 124	#EB807C
16.7%	16.7% #E6716F	RGB 230 113 111	#E6716F
33.3%	33.3% #E16362	RGB 225 99 98	#E16362
50.0%	50.0% #DD5555	RGB 221 85 85	#DD5555
66.7%	66.7% #D84748	RGB 216 71 72	#D84748
83.3%	83.3% #D3393B	RGB 211 57 59	#D3393B
100.0%	100.0% #CF2B2F	RGB 207 43 47	#CF2B2F

#EB807C #E6716F #E16362 #DD5555 #D84748 #D3393B #CF2B2F

#EB807C - #CF2B2F

HSV Blend

#EB807C - #CF2B2F | 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 #EB807C as 0% and #CF2B2F as 100%.

0.0%	0.0% #EB807C	RGB 235 128 124	#EB807C
16.7%	16.7% #E6706D	RGB 230 112 109	#E6706D
33.3%	33.3% #E1615F	RGB 225 97 95	#E1615F
50.0%	50.0% #DD5251	RGB 221 82 81	#DD5251
66.7%	66.7% #D84444	RGB 216 68 68	#D84444
83.3%	83.3% #D33739	RGB 211 55 57	#D33739
100.0%	100.0% #CF2B2F	RGB 207 43 47	#CF2B2F

#EB807C #E6706D #E1615F #DD5251 #D84444 #D33739 #CF2B2F

#EB807C - #DD5251 - #CF2B2F

CSS codes

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

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