#79415F - #DF8C80 | 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 #79415F to #DF8C80

#79415F #DF8C80

Calculate the color between two colors, #79415F and #DF8C80. 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)

#79415F - #DF8C80 | 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 #79415F as 0% and #DF8C80 as 100%.

0.0%	0.0% #79415F	RGB 121 65 95	#79415F
16.7%	16.7% #8A4D64	RGB 138 77 100	#8A4D64
33.3%	33.3% #9B5A6A	RGB 155 90 106	#9B5A6A
50.0%	50.0% #AC666F	RGB 172 102 111	#AC666F
66.7%	66.7% #BD7375	RGB 189 115 117	#BD7375
83.3%	83.3% #CE7F7A	RGB 206 127 122	#CE7F7A
100.0%	100.0% #DF8C80	RGB 223 140 128	#DF8C80

#79415F #8A4D64 #9B5A6A #AC666F #BD7375 #CE7F7A #DF8C80

#79415F - #DF8C80

HSV Blend

#79415F - #DF8C80 | 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 #79415F as 0% and #DF8C80 as 100%.

0.0%	0.0% #79415F	RGB 121 65 95	#79415F
16.7%	16.7% #8A4A65	RGB 138 74 101	#8A4A65
33.3%	33.3% #9B556B	RGB 155 85 107	#9B556B
50.0%	50.0% #AC5F6F	RGB 172 95 111	#AC5F6F
66.7%	66.7% #BD6A71	RGB 189 106 113	#BD6A71
83.3%	83.3% #CE7674	RGB 206 118 116	#CE7674
100.0%	100.0% #DF8C80	RGB 223 140 128	#DF8C80

#79415F #8A4A65 #9B556B #AC5F6F #BD6A71 #CE7674 #DF8C80

#79415F - #AC5F6F - #DF8C80

CSS codes

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

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