#D9A2AA - #A34B5C | 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 #D9A2AA to #A34B5C

#D9A2AA #A34B5C

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

#D9A2AA - #A34B5C | 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 #D9A2AA as 0% and #A34B5C as 100%.

0.0%	0.0% #D9A2AA	RGB 217 162 170	#D9A2AA
16.7%	16.7% #D0939D	RGB 208 147 157	#D0939D
33.3%	33.3% #C78590	RGB 199 133 144	#C78590
50.0%	50.0% #BE7683	RGB 190 118 131	#BE7683
66.7%	66.7% #B56876	RGB 181 104 118	#B56876
83.3%	83.3% #AC5969	RGB 172 89 105	#AC5969
100.0%	100.0% #A34B5C	RGB 163 75 92	#A34B5C

#D9A2AA #D0939D #C78590 #BE7683 #B56876 #AC5969 #A34B5C

#D9A2AA - #A34B5C

HSV Blend

#D9A2AA - #A34B5C | 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 #D9A2AA as 0% and #A34B5C as 100%.

0.0%	0.0% #D9A2AA	RGB 217 162 170	#D9A2AA
16.7%	16.7% #D0919A	RGB 208 145 154	#D0919A
33.3%	33.3% #C7818C	RGB 199 129 140	#C7818C
50.0%	50.0% #BE727F	RGB 190 114 127	#BE727F
66.7%	66.7% #B56472	RGB 181 100 114	#B56472
83.3%	83.3% #AC5767	RGB 172 87 103	#AC5767
100.0%	100.0% #A34B5C	RGB 163 75 92	#A34B5C

#D9A2AA #D0919A #C7818C #BE727F #B56472 #AC5767 #A34B5C

#D9A2AA - #BE727F - #A34B5C

CSS codes

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

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