#755C5E - #D7D0D0 | 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 #755C5E to #D7D0D0

#755C5E #D7D0D0

Calculate the color between two colors, #755C5E and #D7D0D0. 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)

#755C5E - #D7D0D0 | 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 #755C5E as 0% and #D7D0D0 as 100%.

0.0%	0.0% #755C5E	RGB 117 92 94	#755C5E
16.7%	16.7% #856F71	RGB 133 111 113	#856F71
33.3%	33.3% #958284	RGB 149 130 132	#958284
50.0%	50.0% #A69697	RGB 166 150 151	#A69697
66.7%	66.7% #B6A9AA	RGB 182 169 170	#B6A9AA
83.3%	83.3% #C6BCBD	RGB 198 188 189	#C6BCBD
100.0%	100.0% #D7D0D0	RGB 215 208 208	#D7D0D0

#755C5E #856F71 #958284 #A69697 #B6A9AA #C6BCBD #D7D0D0

#755C5E - #D7D0D0

HSV Blend

#755C5E - #D7D0D0 | 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 #755C5E as 0% and #D7D0D0 as 100%.

0.0%	0.0% #755C5E	RGB 117 92 94	#755C5E
16.7%	16.7% #856C6E	RGB 133 108 110	#856C6E
33.3%	33.3% #957E7F	RGB 149 126 127	#957E7F
50.0%	50.0% #A69192	RGB 166 145 146	#A69192
66.7%	66.7% #B6A5A5	RGB 182 165 165	#B6A5A5
83.3%	83.3% #C6BABA	RGB 198 186 186	#C6BABA
100.0%	100.0% #D7D0D0	RGB 215 208 208	#D7D0D0

#755C5E #856C6E #957E7F #A69192 #B6A5A5 #C6BABA #D7D0D0

#755C5E - #A69192 - #D7D0D0

CSS codes

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

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