#D9A8B4 - #AD5360 | 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 #D9A8B4 to #AD5360

#D9A8B4 #AD5360

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

#D9A8B4 - #AD5360 | 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 #D9A8B4 as 0% and #AD5360 as 100%.

0.0%	0.0% #D9A8B4	RGB 217 168 180	#D9A8B4
16.7%	16.7% #D199A6	RGB 209 153 166	#D199A6
33.3%	33.3% #CA8B98	RGB 202 139 152	#CA8B98
50.0%	50.0% #C37D8A	RGB 195 125 138	#C37D8A
66.7%	66.7% #BB6F7C	RGB 187 111 124	#BB6F7C
83.3%	83.3% #B4616E	RGB 180 97 110	#B4616E
100.0%	100.0% #AD5360	RGB 173 83 96	#AD5360

#D9A8B4 #D199A6 #CA8B98 #C37D8A #BB6F7C #B4616E #AD5360

#D9A8B4 - #AD5360

HSV Blend

#D9A8B4 - #AD5360 | 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 #D9A8B4 as 0% and #AD5360 as 100%.

0.0%	0.0% #D9A8B4	RGB 217 168 180	#D9A8B4
16.7%	16.7% #D198A5	RGB 209 152 165	#D198A5
33.3%	33.3% #CA8896	RGB 202 136 150	#CA8896
50.0%	50.0% #C37A88	RGB 195 122 136	#C37A88
66.7%	66.7% #BB6C7A	RGB 187 108 122	#BB6C7A
83.3%	83.3% #B45F6D	RGB 180 95 109	#B45F6D
100.0%	100.0% #AD5360	RGB 173 83 96	#AD5360

#D9A8B4 #D198A5 #CA8896 #C37A88 #BB6C7A #B45F6D #AD5360

#D9A8B4 - #C37A88 - #AD5360

CSS codes

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

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