#3D3C3C - #AE707C | 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 #3D3C3C to #AE707C

#3D3C3C #AE707C

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

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

0.0%	0.0% #3D3C3C	RGB 61 60 60	#3D3C3C
16.7%	16.7% #4F4446	RGB 79 68 70	#4F4446
33.3%	33.3% #624D51	RGB 98 77 81	#624D51
50.0%	50.0% #75565C	RGB 117 86 92	#75565C
66.7%	66.7% #885E66	RGB 136 94 102	#885E66
83.3%	83.3% #9B6771	RGB 155 103 113	#9B6771
100.0%	100.0% #AE707C	RGB 174 112 124	#AE707C

#3D3C3C #4F4446 #624D51 #75565C #885E66 #9B6771 #AE707C

#3D3C3C - #AE707C

HSV Blend

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

0.0%	0.0% #3D3C3C	RGB 61 60 60	#3D3C3C
16.7%	16.7% #4F4A4A	RGB 79 74 74	#4F4A4A
33.3%	33.3% #625556	RGB 98 85 86	#625556
50.0%	50.0% #755F61	RGB 117 95 97	#755F61
66.7%	66.7% #88676B	RGB 136 103 107	#88676B
83.3%	83.3% #9B6C74	RGB 155 108 116	#9B6C74
100.0%	100.0% #AE707C	RGB 174 112 124	#AE707C

#3D3C3C #4F4A4A #625556 #755F61 #88676B #9B6C74 #AE707C

#3D3C3C - #755F61 - #AE707C

CSS codes

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

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