#736A78 - #31262C | 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 #736A78 to #31262C

#736A78 #31262C

Calculate the color between two colors, #736A78 and #31262C. 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)

#736A78 - #31262C | 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 #736A78 as 0% and #31262C as 100%.

0.0%	0.0% #736A78	RGB 115 106 120	#736A78
16.7%	16.7% #685E6B	RGB 104 94 107	#685E6B
33.3%	33.3% #5D535E	RGB 93 83 94	#5D535E
50.0%	50.0% #524852	RGB 82 72 82	#524852
66.7%	66.7% #473C45	RGB 71 60 69	#473C45
83.3%	83.3% #3C3138	RGB 60 49 56	#3C3138
100.0%	100.0% #31262C	RGB 49 38 44	#31262C

#736A78 #685E6B #5D535E #524852 #473C45 #3C3138 #31262C

#736A78 - #31262C

HSV Blend

#736A78 - #31262C | 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 #736A78 as 0% and #31262C as 100%.

0.0%	0.0% #736A78	RGB 115 106 120	#736A78
16.7%	16.7% #685D6C	RGB 104 93 108	#685D6C
33.3%	33.3% #5F5160	RGB 95 81 96	#5F5160
50.0%	50.0% #544653	RGB 84 70 83	#544653
66.7%	66.7% #483A46	RGB 72 58 70	#483A46
83.3%	83.3% #3C3038	RGB 60 48 56	#3C3038
100.0%	100.0% #31262C	RGB 49 38 44	#31262C

#736A78 #685D6C #5F5160 #544653 #483A46 #3C3038 #31262C

#736A78 - #544653 - #31262C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #736A78 0%, #544653 50%, #31262C 100%);
    background: -webkit-linear-gradient(top, #736A78 0%, #544653 50%, #31262C 100%);
    background: linear-gradient(to bottom, #736A78 0%, #544653 50%, #31262C 100%);
}
</style>