#7E2E3C - #DC6E4F | 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 #7E2E3C to #DC6E4F

#7E2E3C #DC6E4F

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

#7E2E3C - #DC6E4F | 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 #7E2E3C as 0% and #DC6E4F as 100%.

0.0%	0.0% #7E2E3C	RGB 126 46 60	#7E2E3C
16.7%	16.7% #8D383F	RGB 141 56 63	#8D383F
33.3%	33.3% #9D4342	RGB 157 67 66	#9D4342
50.0%	50.0% #AD4E45	RGB 173 78 69	#AD4E45
66.7%	66.7% #BC5848	RGB 188 88 72	#BC5848
83.3%	83.3% #CC634B	RGB 204 99 75	#CC634B
100.0%	100.0% #DC6E4F	RGB 220 110 79	#DC6E4F

#7E2E3C #8D383F #9D4342 #AD4E45 #BC5848 #CC634B #DC6E4F

#7E2E3C - #DC6E4F

HSV Blend

#7E2E3C - #DC6E4F | 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 #7E2E3C as 0% and #DC6E4F as 100%.

0.0%	0.0% #7E2E3C	RGB 126 46 60	#7E2E3C
16.7%	16.7% #8D333D	RGB 141 51 61	#8D333D
33.3%	33.3% #9D393D	RGB 157 57 61	#9D393D
50.0%	50.0% #AD413E	RGB 173 65 62	#AD413E
66.7%	66.7% #BC4E44	RGB 188 78 68	#BC4E44
83.3%	83.3% #CC5D49	RGB 204 93 73	#CC5D49
100.0%	100.0% #DC6E4F	RGB 220 110 79	#DC6E4F

#7E2E3C #8D333D #9D393D #AD413E #BC4E44 #CC5D49 #DC6E4F

#7E2E3C - #AD413E - #DC6E4F

CSS codes

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

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