#DD6FA7 - #A00D59 | 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 #DD6FA7 to #A00D59

#DD6FA7 #A00D59

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

#DD6FA7 - #A00D59 | 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 #DD6FA7 as 0% and #A00D59 as 100%.

0.0%	0.0% #DD6FA7	RGB 221 111 167	#DD6FA7
16.7%	16.7% #D25E9A	RGB 210 94 154	#D25E9A
33.3%	33.3% #C84E8D	RGB 200 78 141	#C84E8D
50.0%	50.0% #BE3E80	RGB 190 62 128	#BE3E80
66.7%	66.7% #B42D73	RGB 180 45 115	#B42D73
83.3%	83.3% #AA1D66	RGB 170 29 102	#AA1D66
100.0%	100.0% #A00D59	RGB 160 13 89	#A00D59

#DD6FA7 #D25E9A #C84E8D #BE3E80 #B42D73 #AA1D66 #A00D59

#DD6FA7 - #A00D59

HSV Blend

#DD6FA7 - #A00D59 | 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 #DD6FA7 as 0% and #A00D59 as 100%.

0.0%	0.0% #DD6FA7	RGB 221 111 167	#DD6FA7
16.7%	16.7% #D25B98	RGB 210 91 152	#D25B98
33.3%	33.3% #C8488A	RGB 200 72 138	#C8488A
50.0%	50.0% #BE377C	RGB 190 55 124	#BE377C
66.7%	66.7% #B42770	RGB 180 39 112	#B42770
83.3%	83.3% #AA1964	RGB 170 25 100	#AA1964
100.0%	100.0% #A00D59	RGB 160 13 89	#A00D59

#DD6FA7 #D25B98 #C8488A #BE377C #B42770 #AA1964 #A00D59

#DD6FA7 - #BE377C - #A00D59

CSS codes

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

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