#3D2E3C - #AB766F | 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 #3D2E3C to #AB766F

#3D2E3C #AB766F

Calculate the color between two colors, #3D2E3C and #AB766F. 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)

#3D2E3C - #AB766F | 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 #3D2E3C as 0% and #AB766F as 100%.

0.0%	0.0% #3D2E3C	RGB 61 46 60	#3D2E3C
16.7%	16.7% #4F3A44	RGB 79 58 68	#4F3A44
33.3%	33.3% #61464D	RGB 97 70 77	#61464D
50.0%	50.0% #745255	RGB 116 82 85	#745255
66.7%	66.7% #865E5E	RGB 134 94 94	#865E5E
83.3%	83.3% #986A66	RGB 152 106 102	#986A66
100.0%	100.0% #AB766F	RGB 171 118 111	#AB766F

#3D2E3C #4F3A44 #61464D #745255 #865E5E #986A66 #AB766F

#3D2E3C - #AB766F

HSV Blend

#3D2E3C - #AB766F | 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 #3D2E3C as 0% and #AB766F as 100%.

0.0%	0.0% #3D2E3C	RGB 61 46 60	#3D2E3C
16.7%	16.7% #4F3A4A	RGB 79 58 74	#4F3A4A
33.3%	33.3% #614656	RGB 97 70 86	#614656
50.0%	50.0% #74515F	RGB 116 81 95	#74515F
66.7%	66.7% #865B65	RGB 134 91 101	#865B65
83.3%	83.3% #986568	RGB 152 101 104	#986568
100.0%	100.0% #AB766F	RGB 171 118 111	#AB766F

#3D2E3C #4F3A4A #614656 #74515F #865B65 #986568 #AB766F

#3D2E3C - #74515F - #AB766F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2E3C 0%, #74515F 50%, #AB766F 100%);
    background: -webkit-linear-gradient(top, #3D2E3C 0%, #74515F 50%, #AB766F 100%);
    background: linear-gradient(to bottom, #3D2E3C 0%, #74515F 50%, #AB766F 100%);
}
</style>