#D977C9 - #A01488 | 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 #D977C9 to #A01488

#D977C9 #A01488

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

#D977C9 - #A01488 | 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 #D977C9 as 0% and #A01488 as 100%.

0.0%	0.0% #D977C9	RGB 217 119 201	#D977C9
16.7%	16.7% #CF66BE	RGB 207 102 190	#CF66BE
33.3%	33.3% #C656B3	RGB 198 86 179	#C656B3
50.0%	50.0% #BC45A8	RGB 188 69 168	#BC45A8
66.7%	66.7% #B3359D	RGB 179 53 157	#B3359D
83.3%	83.3% #A92492	RGB 169 36 146	#A92492
100.0%	100.0% #A01488	RGB 160 20 136	#A01488

#D977C9 #CF66BE #C656B3 #BC45A8 #B3359D #A92492 #A01488

#D977C9 - #A01488

HSV Blend

#D977C9 - #A01488 | 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 #D977C9 as 0% and #A01488 as 100%.

0.0%	0.0% #D977C9	RGB 217 119 201	#D977C9
16.7%	16.7% #CF63BD	RGB 207 99 189	#CF63BD
33.3%	33.3% #C650B2	RGB 198 80 178	#C650B2
50.0%	50.0% #BC3FA7	RGB 188 63 167	#BC3FA7
66.7%	66.7% #B32F9C	RGB 179 47 156	#B32F9C
83.3%	83.3% #A92192	RGB 169 33 146	#A92192
100.0%	100.0% #A01488	RGB 160 20 136	#A01488

#D977C9 #CF63BD #C650B2 #BC3FA7 #B32F9C #A92192 #A01488

#D977C9 - #BC3FA7 - #A01488

CSS codes

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

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