#333640 - #7D736A | 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 #333640 to #7D736A

#333640 #7D736A

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

#333640 - #7D736A | 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 #333640 as 0% and #7D736A as 100%.

0.0%	0.0% #333640	RGB 51 54 64	#333640
16.7%	16.7% #3F4047	RGB 63 64 71	#3F4047
33.3%	33.3% #4B4A4E	RGB 75 74 78	#4B4A4E
50.0%	50.0% #585455	RGB 88 84 85	#585455
66.7%	66.7% #645E5C	RGB 100 94 92	#645E5C
83.3%	83.3% #706863	RGB 112 104 99	#706863
100.0%	100.0% #7D736A	RGB 125 115 106	#7D736A

#333640 #3F4047 #4B4A4E #585455 #645E5C #706863 #7D736A

#333640 - #7D736A

HSV Blend

#333640 - #7D736A | 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 #333640 as 0% and #7D736A as 100%.

0.0%	0.0% #333640	RGB 51 54 64	#333640
16.7%	16.7% #3E3B4A	RGB 62 59 74	#3E3B4A
33.3%	33.3% #4F4454	RGB 79 68 84	#4F4454
50.0%	50.0% #5E4D5C	RGB 94 77 92	#5E4D5C
66.7%	66.7% #68565E	RGB 104 86 94	#68565E
83.3%	83.3% #726060	RGB 114 96 96	#726060
100.0%	100.0% #7D736A	RGB 125 115 106	#7D736A

#333640 #3E3B4A #4F4454 #5E4D5C #68565E #726060 #7D736A

#333640 - #5E4D5C - #7D736A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #333640 0%, #5E4D5C 50%, #7D736A 100%);
    background: -webkit-linear-gradient(top, #333640 0%, #5E4D5C 50%, #7D736A 100%);
    background: linear-gradient(to bottom, #333640 0%, #5E4D5C 50%, #7D736A 100%);
}
</style>