#DD8BA1 - #A43053 | 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 #DD8BA1 to #A43053

#DD8BA1 #A43053

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

#DD8BA1 - #A43053 | 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 #DD8BA1 as 0% and #A43053 as 100%.

0.0%	0.0% #DD8BA1	RGB 221 139 161	#DD8BA1
16.7%	16.7% #D37B94	RGB 211 123 148	#D37B94
33.3%	33.3% #CA6C87	RGB 202 108 135	#CA6C87
50.0%	50.0% #C05D7A	RGB 192 93 122	#C05D7A
66.7%	66.7% #B74E6D	RGB 183 78 109	#B74E6D
83.3%	83.3% #AD3F60	RGB 173 63 96	#AD3F60
100.0%	100.0% #A43053	RGB 164 48 83	#A43053

#DD8BA1 #D37B94 #CA6C87 #C05D7A #B74E6D #AD3F60 #A43053

#DD8BA1 - #A43053

HSV Blend

#DD8BA1 - #A43053 | 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 #DD8BA1 as 0% and #A43053 as 100%.

0.0%	0.0% #DD8BA1	RGB 221 139 161	#DD8BA1
16.7%	16.7% #D37991	RGB 211 121 145	#D37991
33.3%	33.3% #CA6883	RGB 202 104 131	#CA6883
50.0%	50.0% #C05876	RGB 192 88 118	#C05876
66.7%	66.7% #B74A69	RGB 183 74 105	#B74A69
83.3%	83.3% #AD3C5D	RGB 173 60 93	#AD3C5D
100.0%	100.0% #A43053	RGB 164 48 83	#A43053

#DD8BA1 #D37991 #CA6883 #C05876 #B74A69 #AD3C5D #A43053

#DD8BA1 - #C05876 - #A43053

CSS codes

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

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