#D6B6B8 - #A0646B | 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 #D6B6B8 to #A0646B

#D6B6B8 #A0646B

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

#D6B6B8 - #A0646B | 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 #D6B6B8 as 0% and #A0646B as 100%.

0.0%	0.0% #D6B6B8	RGB 214 182 184	#D6B6B8
16.7%	16.7% #CDA8AB	RGB 205 168 171	#CDA8AB
33.3%	33.3% #C49A9E	RGB 196 154 158	#C49A9E
50.0%	50.0% #BB8D91	RGB 187 141 145	#BB8D91
66.7%	66.7% #B27F84	RGB 178 127 132	#B27F84
83.3%	83.3% #A97177	RGB 169 113 119	#A97177
100.0%	100.0% #A0646B	RGB 160 100 107	#A0646B

#D6B6B8 #CDA8AB #C49A9E #BB8D91 #B27F84 #A97177 #A0646B

#D6B6B8 - #A0646B

HSV Blend

#D6B6B8 - #A0646B | 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 #D6B6B8 as 0% and #A0646B as 100%.

0.0%	0.0% #D6B6B8	RGB 214 182 184	#D6B6B8
16.7%	16.7% #CDA6A9	RGB 205 166 169	#CDA6A9
33.3%	33.3% #C4979B	RGB 196 151 155	#C4979B
50.0%	50.0% #BB898E	RGB 187 137 142	#BB898E
66.7%	66.7% #B27C81	RGB 178 124 129	#B27C81
83.3%	83.3% #A96F76	RGB 169 111 118	#A96F76
100.0%	100.0% #A0646B	RGB 160 100 107	#A0646B

#D6B6B8 #CDA6A9 #C4979B #BB898E #B27C81 #A96F76 #A0646B

#D6B6B8 - #BB898E - #A0646B

CSS codes

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

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