#CE0016 - #EC779E | 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 #CE0016 to #EC779E

#CE0016 #EC779E

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

#CE0016 - #EC779E | 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 #CE0016 as 0% and #EC779E as 100%.

0.0%	0.0% #CE0016	RGB 206 0 22	#CE0016
16.7%	16.7% #D3132C	RGB 211 19 44	#D3132C
33.3%	33.3% #D82743	RGB 216 39 67	#D82743
50.0%	50.0% #DD3B5A	RGB 221 59 90	#DD3B5A
66.7%	66.7% #E24F70	RGB 226 79 112	#E24F70
83.3%	83.3% #E76387	RGB 231 99 135	#E76387
100.0%	100.0% #EC779E	RGB 236 119 158	#EC779E

#CE0016 #D3132C #D82743 #DD3B5A #E24F70 #E76387 #EC779E

#CE0016 - #EC779E

HSV Blend

#CE0016 - #EC779E | 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 #CE0016 as 0% and #EC779E as 100%.

0.0%	0.0% #CE0016	RGB 206 0 22	#CE0016
16.7%	16.7% #D3112D	RGB 211 17 45	#D3112D
33.3%	33.3% #D82445	RGB 216 36 69	#D82445
50.0%	50.0% #DD375C	RGB 221 55 92	#DD375C
66.7%	66.7% #E24B72	RGB 226 75 114	#E24B72
83.3%	83.3% #E76188	RGB 231 97 136	#E76188
100.0%	100.0% #EC779E	RGB 236 119 158	#EC779E

#CE0016 #D3112D #D82445 #DD375C #E24B72 #E76188 #EC779E

#CE0016 - #DD375C - #EC779E

CSS codes

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

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