#7E245D - #DC3C8A | 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 #7E245D to #DC3C8A

#7E245D #DC3C8A

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

#7E245D - #DC3C8A | 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 #7E245D as 0% and #DC3C8A as 100%.

0.0%	0.0% #7E245D	RGB 126 36 93	#7E245D
16.7%	16.7% #8D2864	RGB 141 40 100	#8D2864
33.3%	33.3% #9D2C6C	RGB 157 44 108	#9D2C6C
50.0%	50.0% #AD3073	RGB 173 48 115	#AD3073
66.7%	66.7% #BC347B	RGB 188 52 123	#BC347B
83.3%	83.3% #CC3882	RGB 204 56 130	#CC3882
100.0%	100.0% #DC3C8A	RGB 220 60 138	#DC3C8A

#7E245D #8D2864 #9D2C6C #AD3073 #BC347B #CC3882 #DC3C8A

#7E245D - #DC3C8A

HSV Blend

#7E245D - #DC3C8A | 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 #7E245D as 0% and #DC3C8A as 100%.

0.0%	0.0% #7E245C	RGB 126 36 92	#7E245C
16.7%	16.7% #8D2865	RGB 141 40 101	#8D2865
33.3%	33.3% #9D2C6E	RGB 157 44 110	#9D2C6E
50.0%	50.0% #AD3076	RGB 173 48 118	#AD3076
66.7%	66.7% #BC347D	RGB 188 52 125	#BC347D
83.3%	83.3% #CC3884	RGB 204 56 132	#CC3884
100.0%	100.0% #DC3C8A	RGB 220 60 138	#DC3C8A

#7E245C #8D2865 #9D2C6E #AD3076 #BC347D #CC3884 #DC3C8A

#7E245D - #AD3076 - #DC3C8A

CSS codes

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

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