#3E3C3D - #AE707D | 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 #3E3C3D to #AE707D

#3E3C3D #AE707D

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

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

0.0%	0.0% #3E3C3D	RGB 62 60 61	#3E3C3D
16.7%	16.7% #504447	RGB 80 68 71	#504447
33.3%	33.3% #634D52	RGB 99 77 82	#634D52
50.0%	50.0% #76565D	RGB 118 86 93	#76565D
66.7%	66.7% #885E67	RGB 136 94 103	#885E67
83.3%	83.3% #9B6772	RGB 155 103 114	#9B6772
100.0%	100.0% #AE707D	RGB 174 112 125	#AE707D

#3E3C3D #504447 #634D52 #76565D #885E67 #9B6772 #AE707D

#3E3C3D - #AE707D

HSV Blend

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

0.0%	0.0% #3E3C3D	RGB 62 60 61	#3E3C3D
16.7%	16.7% #50494C	RGB 80 73 76	#50494C
33.3%	33.3% #63555B	RGB 99 85 91	#63555B
50.0%	50.0% #765F67	RGB 118 95 103	#765F67
66.7%	66.7% #886671	RGB 136 102 113	#886671
83.3%	83.3% #9B6C78	RGB 155 108 120	#9B6C78
100.0%	100.0% #AE707D	RGB 174 112 125	#AE707D

#3E3C3D #50494C #63555B #765F67 #886671 #9B6C78 #AE707D

#3E3C3D - #765F67 - #AE707D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3D 0%, #765F67 50%, #AE707D 100%);
    background: -webkit-linear-gradient(top, #3E3C3D 0%, #765F67 50%, #AE707D 100%);
    background: linear-gradient(to bottom, #3E3C3D 0%, #765F67 50%, #AE707D 100%);
}
</style>