#7E2D5D - #DC777E | 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 #7E2D5D to #DC777E

#7E2D5D #DC777E

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

#7E2D5D - #DC777E | 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 #7E2D5D as 0% and #DC777E as 100%.

0.0%	0.0% #7E2D5D	RGB 126 45 93	#7E2D5D
16.7%	16.7% #8D3962	RGB 141 57 98	#8D3962
33.3%	33.3% #9D4568	RGB 157 69 104	#9D4568
50.0%	50.0% #AD526D	RGB 173 82 109	#AD526D
66.7%	66.7% #BC5E73	RGB 188 94 115	#BC5E73
83.3%	83.3% #CC6A78	RGB 204 106 120	#CC6A78
100.0%	100.0% #DC777E	RGB 220 119 126	#DC777E

#7E2D5D #8D3962 #9D4568 #AD526D #BC5E73 #CC6A78 #DC777E

#7E2D5D - #DC777E

HSV Blend

#7E2D5D - #DC777E | 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 #7E2D5D as 0% and #DC777E as 100%.

0.0%	0.0% #7E2D5D	RGB 126 45 93	#7E2D5D
16.7%	16.7% #8D3662	RGB 141 54 98	#8D3662
33.3%	33.3% #9D4168	RGB 157 65 104	#9D4168
50.0%	50.0% #AD4D6D	RGB 173 77 109	#AD4D6D
66.7%	66.7% #BC5A72	RGB 188 90 114	#BC5A72
83.3%	83.3% #CC6877	RGB 204 104 119	#CC6877
100.0%	100.0% #DC777E	RGB 220 119 126	#DC777E

#7E2D5D #8D3662 #9D4168 #AD4D6D #BC5A72 #CC6877 #DC777E

#7E2D5D - #AD4D6D - #DC777E

CSS codes

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

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