#DF7B9F - #A41E51 | 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 #DF7B9F to #A41E51

#DF7B9F #A41E51

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

#DF7B9F - #A41E51 | 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 #DF7B9F as 0% and #A41E51 as 100%.

0.0%	0.0% #DF7B9F	RGB 223 123 159	#DF7B9F
16.7%	16.7% #D56B92	RGB 213 107 146	#D56B92
33.3%	33.3% #CB5C85	RGB 203 92 133	#CB5C85
50.0%	50.0% #C14C78	RGB 193 76 120	#C14C78
66.7%	66.7% #B73D6B	RGB 183 61 107	#B73D6B
83.3%	83.3% #AD2D5E	RGB 173 45 94	#AD2D5E
100.0%	100.0% #A41E51	RGB 164 30 81	#A41E51

#DF7B9F #D56B92 #CB5C85 #C14C78 #B73D6B #AD2D5E #A41E51

#DF7B9F - #A41E51

HSV Blend

#DF7B9F - #A41E51 | 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 #DF7B9F as 0% and #A41E51 as 100%.

0.0%	0.0% #DF7B9F	RGB 223 123 159	#DF7B9F
16.7%	16.7% #D5688F	RGB 213 104 143	#D5688F
33.3%	33.3% #CB5781	RGB 203 87 129	#CB5781
50.0%	50.0% #C14774	RGB 193 71 116	#C14774
66.7%	66.7% #B73867	RGB 183 56 103	#B73867
83.3%	83.3% #AD2A5C	RGB 173 42 92	#AD2A5C
100.0%	100.0% #A41E51	RGB 164 30 81	#A41E51

#DF7B9F #D5688F #CB5781 #C14774 #B73867 #AD2A5C #A41E51

#DF7B9F - #C14774 - #A41E51

CSS codes

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

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