#788891 - #343D47 | 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 #788891 to #343D47

#788891 #343D47

Calculate the color between two colors, #788891 and #343D47. 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)

#788891 - #343D47 | 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 #788891 as 0% and #343D47 as 100%.

0.0%	0.0% #788891	RGB 120 136 145	#788891
16.7%	16.7% #6C7B84	RGB 108 123 132	#6C7B84
33.3%	33.3% #616F78	RGB 97 111 120	#616F78
50.0%	50.0% #56626C	RGB 86 98 108	#56626C
66.7%	66.7% #4A565F	RGB 74 86 95	#4A565F
83.3%	83.3% #3F4953	RGB 63 73 83	#3F4953
100.0%	100.0% #343D47	RGB 52 61 71	#343D47

#788891 #6C7B84 #616F78 #56626C #4A565F #3F4953 #343D47

#788891 - #343D47

HSV Blend

#788891 - #343D47 | 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 #788891 as 0% and #343D47 as 100%.

0.0%	0.0% #788891	RGB 120 136 145	#788891
16.7%	16.7% #6B7A84	RGB 107 122 132	#6B7A84
33.3%	33.3% #5F6E78	RGB 95 110 120	#5F6E78
50.0%	50.0% #54616C	RGB 84 97 108	#54616C
66.7%	66.7% #49555F	RGB 73 85 95	#49555F
83.3%	83.3% #3E4853	RGB 62 72 83	#3E4853
100.0%	100.0% #343D47	RGB 52 61 71	#343D47

#788891 #6B7A84 #5F6E78 #54616C #49555F #3E4853 #343D47

#788891 - #54616C - #343D47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #788891 0%, #54616C 50%, #343D47 100%);
    background: -webkit-linear-gradient(top, #788891 0%, #54616C 50%, #343D47 100%);
    background: linear-gradient(to bottom, #788891 0%, #54616C 50%, #343D47 100%);
}
</style>