#DF7F9F - #A42251 | 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 #DF7F9F to #A42251

#DF7F9F #A42251

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

#DF7F9F - #A42251 | 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 #DF7F9F as 0% and #A42251 as 100%.

0.0%	0.0% #DF7F9F	RGB 223 127 159	#DF7F9F
16.7%	16.7% #D56F92	RGB 213 111 146	#D56F92
33.3%	33.3% #CB6085	RGB 203 96 133	#CB6085
50.0%	50.0% #C15078	RGB 193 80 120	#C15078
66.7%	66.7% #B7416B	RGB 183 65 107	#B7416B
83.3%	83.3% #AD315E	RGB 173 49 94	#AD315E
100.0%	100.0% #A42251	RGB 164 34 81	#A42251

#DF7F9F #D56F92 #CB6085 #C15078 #B7416B #AD315E #A42251

#DF7F9F - #A42251

HSV Blend

#DF7F9F - #A42251 | 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 #DF7F9F as 0% and #A42251 as 100%.

0.0%	0.0% #DF7F9E	RGB 223 127 158	#DF7F9E
16.7%	16.7% #D56C8F	RGB 213 108 143	#D56C8F
33.3%	33.3% #CB5B81	RGB 203 91 129	#CB5B81
50.0%	50.0% #C14B74	RGB 193 75 116	#C14B74
66.7%	66.7% #B73C67	RGB 183 60 103	#B73C67
83.3%	83.3% #AD2E5B	RGB 173 46 91	#AD2E5B
100.0%	100.0% #A42251	RGB 164 34 81	#A42251

#DF7F9E #D56C8F #CB5B81 #C14B74 #B73C67 #AD2E5B #A42251

#DF7F9F - #C14B74 - #A42251

CSS codes

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

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