#79406C - #DF5E8B | 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 #79406C to #DF5E8B

#79406C #DF5E8B

Calculate the color between two colors, #79406C and #DF5E8B. 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)

#79406C - #DF5E8B | 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 #79406C as 0% and #DF5E8B as 100%.

0.0%	0.0% #79406C	RGB 121 64 108	#79406C
16.7%	16.7% #8A4571	RGB 138 69 113	#8A4571
33.3%	33.3% #9B4A76	RGB 155 74 118	#9B4A76
50.0%	50.0% #AC4F7B	RGB 172 79 123	#AC4F7B
66.7%	66.7% #BD5480	RGB 189 84 128	#BD5480
83.3%	83.3% #CE5985	RGB 206 89 133	#CE5985
100.0%	100.0% #DF5E8B	RGB 223 94 139	#DF5E8B

#79406C #8A4571 #9B4A76 #AC4F7B #BD5480 #CE5985 #DF5E8B

#79406C - #DF5E8B

HSV Blend

#79406C - #DF5E8B | 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 #79406C as 0% and #DF5E8B as 100%.

0.0%	0.0% #79406C	RGB 121 64 108	#79406C
16.7%	16.7% #8A4675	RGB 138 70 117	#8A4675
33.3%	33.3% #9B4C7E	RGB 155 76 126	#9B4C7E
50.0%	50.0% #AC5184	RGB 172 81 132	#AC5184
66.7%	66.7% #BD5688	RGB 189 86 136	#BD5688
83.3%	83.3% #CE5A8A	RGB 206 90 138	#CE5A8A
100.0%	100.0% #DF5E8B	RGB 223 94 139	#DF5E8B

#79406C #8A4675 #9B4C7E #AC5184 #BD5688 #CE5A8A #DF5E8B

#79406C - #AC5184 - #DF5E8B

CSS codes

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

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