#DF9DB3 - #AC3F65 | 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 #DF9DB3 to #AC3F65

#DF9DB3 #AC3F65

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

#DF9DB3 - #AC3F65 | 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 #DF9DB3 as 0% and #AC3F65 as 100%.

0.0%	0.0% #DF9DB3	RGB 223 157 179	#DF9DB3
16.7%	16.7% #D68DA6	RGB 214 141 166	#D68DA6
33.3%	33.3% #CE7D99	RGB 206 125 153	#CE7D99
50.0%	50.0% #C56E8C	RGB 197 110 140	#C56E8C
66.7%	66.7% #BD5E7F	RGB 189 94 127	#BD5E7F
83.3%	83.3% #B44E72	RGB 180 78 114	#B44E72
100.0%	100.0% #AC3F65	RGB 172 63 101	#AC3F65

#DF9DB3 #D68DA6 #CE7D99 #C56E8C #BD5E7F #B44E72 #AC3F65

#DF9DB3 - #AC3F65

HSV Blend

#DF9DB3 - #AC3F65 | 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 #DF9DB3 as 0% and #AC3F65 as 100%.

0.0%	0.0% #DF9DB2	RGB 223 157 178	#DF9DB2
16.7%	16.7% #D68AA4	RGB 214 138 164	#D68AA4
33.3%	33.3% #CE7996	RGB 206 121 150	#CE7996
50.0%	50.0% #C56988	RGB 197 105 136	#C56988
66.7%	66.7% #BD5A7C	RGB 189 90 124	#BD5A7C
83.3%	83.3% #B44C70	RGB 180 76 112	#B44C70
100.0%	100.0% #AC3F65	RGB 172 63 101	#AC3F65

#DF9DB2 #D68AA4 #CE7996 #C56988 #BD5A7C #B44C70 #AC3F65

#DF9DB3 - #C56988 - #AC3F65

CSS codes

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

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