#D0A8C0 - #B85289 | 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 #D0A8C0 to #B85289

#D0A8C0 #B85289

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

#D0A8C0 - #B85289 | 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 #D0A8C0 as 0% and #B85289 as 100%.

0.0%	0.0% #D0A8C0	RGB 208 168 192	#D0A8C0
16.7%	16.7% #CC99B6	RGB 204 153 182	#CC99B6
33.3%	33.3% #C88BAD	RGB 200 139 173	#C88BAD
50.0%	50.0% #C47DA4	RGB 196 125 164	#C47DA4
66.7%	66.7% #C06E9B	RGB 192 110 155	#C06E9B
83.3%	83.3% #BC6092	RGB 188 96 146	#BC6092
100.0%	100.0% #B85289	RGB 184 82 137	#B85289

#D0A8C0 #CC99B6 #C88BAD #C47DA4 #C06E9B #BC6092 #B85289

#D0A8C0 - #B85289

HSV Blend

#D0A8C0 - #B85289 | 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 #D0A8C0 as 0% and #B85289 as 100%.

0.0%	0.0% #D0A8C0	RGB 208 168 192	#D0A8C0
16.7%	16.7% #CC98B6	RGB 204 152 182	#CC98B6
33.3%	33.3% #C889AD	RGB 200 137 173	#C889AD
50.0%	50.0% #C47AA4	RGB 196 122 164	#C47AA4
66.7%	66.7% #C06C9B	RGB 192 108 155	#C06C9B
83.3%	83.3% #BC5F92	RGB 188 95 146	#BC5F92
100.0%	100.0% #B85289	RGB 184 82 137	#B85289

#D0A8C0 #CC98B6 #C889AD #C47AA4 #C06C9B #BC5F92 #B85289

#D0A8C0 - #C47AA4 - #B85289

CSS codes

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

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