#DD80BB - #A8166E | 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 #DD80BB to #A8166E

#DD80BB #A8166E

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

#DD80BB - #A8166E | 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 #DD80BB as 0% and #A8166E as 100%.

0.0%	0.0% #DD80BB	RGB 221 128 187	#DD80BB
16.7%	16.7% #D46EAE	RGB 212 110 174	#D46EAE
33.3%	33.3% #CB5CA1	RGB 203 92 161	#CB5CA1
50.0%	50.0% #C24B94	RGB 194 75 148	#C24B94
66.7%	66.7% #B93987	RGB 185 57 135	#B93987
83.3%	83.3% #B0277A	RGB 176 39 122	#B0277A
100.0%	100.0% #A8166E	RGB 168 22 110	#A8166E

#DD80BB #D46EAE #CB5CA1 #C24B94 #B93987 #B0277A #A8166E

#DD80BB - #A8166E

HSV Blend

#DD80BB - #A8166E | 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 #DD80BB as 0% and #A8166E as 100%.

0.0%	0.0% #DD80BB	RGB 221 128 187	#DD80BB
16.7%	16.7% #D46BAD	RGB 212 107 173	#D46BAD
33.3%	33.3% #CB579F	RGB 203 87 159	#CB579F
50.0%	50.0% #C24592	RGB 194 69 146	#C24592
66.7%	66.7% #B93485	RGB 185 52 133	#B93485
83.3%	83.3% #B02479	RGB 176 36 121	#B02479
100.0%	100.0% #A8166E	RGB 168 22 110	#A8166E

#DD80BB #D46BAD #CB579F #C24592 #B93485 #B02479 #A8166E

#DD80BB - #C24592 - #A8166E

CSS codes

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

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