#DF7CB6 - #A81469 | 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 #DF7CB6 to #A81469

#DF7CB6 #A81469

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

#DF7CB6 - #A81469 | 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 #DF7CB6 as 0% and #A81469 as 100%.

0.0%	0.0% #DF7CB6	RGB 223 124 182	#DF7CB6
16.7%	16.7% #D56AA9	RGB 213 106 169	#D56AA9
33.3%	33.3% #CC599C	RGB 204 89 156	#CC599C
50.0%	50.0% #C3488F	RGB 195 72 143	#C3488F
66.7%	66.7% #BA3682	RGB 186 54 130	#BA3682
83.3%	83.3% #B12575	RGB 177 37 117	#B12575
100.0%	100.0% #A81469	RGB 168 20 105	#A81469

#DF7CB6 #D56AA9 #CC599C #C3488F #BA3682 #B12575 #A81469

#DF7CB6 - #A81469

HSV Blend

#DF7CB6 - #A81469 | 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 #DF7CB6 as 0% and #A81469 as 100%.

0.0%	0.0% #DF7CB6	RGB 223 124 182	#DF7CB6
16.7%	16.7% #D567A7	RGB 213 103 167	#D567A7
33.3%	33.3% #CC539A	RGB 204 83 154	#CC539A
50.0%	50.0% #C3418D	RGB 195 65 141	#C3418D
66.7%	66.7% #BA3180	RGB 186 49 128	#BA3180
83.3%	83.3% #B12174	RGB 177 33 116	#B12174
100.0%	100.0% #A81469	RGB 168 20 105	#A81469

#DF7CB6 #D567A7 #CC539A #C3418D #BA3180 #B12174 #A81469

#DF7CB6 - #C3418D - #A81469

CSS codes

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

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