#D971C9 - #A3007E | 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 #D971C9 to #A3007E

#D971C9 #A3007E

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

#D971C9 - #A3007E | 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 #D971C9 as 0% and #A3007E as 100%.

0.0%	0.0% #D971C9	RGB 217 113 201	#D971C9
16.7%	16.7% #D05EBC	RGB 208 94 188	#D05EBC
33.3%	33.3% #C74BB0	RGB 199 75 176	#C74BB0
50.0%	50.0% #BE38A3	RGB 190 56 163	#BE38A3
66.7%	66.7% #B52597	RGB 181 37 151	#B52597
83.3%	83.3% #AC128A	RGB 172 18 138	#AC128A
100.0%	100.0% #A3007E	RGB 163 0 126	#A3007E

#D971C9 #D05EBC #C74BB0 #BE38A3 #B52597 #AC128A #A3007E

#D971C9 - #A3007E

HSV Blend

#D971C9 - #A3007E | 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 #D971C9 as 0% and #A3007E as 100%.

0.0%	0.0% #D971C9	RGB 217 113 201	#D971C9
16.7%	16.7% #D05ABC	RGB 208 90 188	#D05ABC
33.3%	33.3% #C745AF	RGB 199 69 175	#C745AF
50.0%	50.0% #BE31A3	RGB 190 49 163	#BE31A3
66.7%	66.7% #B51F96	RGB 181 31 150	#B51F96
83.3%	83.3% #AC0E8A	RGB 172 14 138	#AC0E8A
100.0%	100.0% #A3007E	RGB 163 0 126	#A3007E

#D971C9 #D05ABC #C745AF #BE31A3 #B51F96 #AC0E8A #A3007E

#D971C9 - #BE31A3 - #A3007E

CSS codes

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

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