#78677E - #451B5E | 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 #78677E to #451B5E

#78677E #451B5E

Calculate the color between two colors, #78677E and #451B5E. 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)

#78677E - #451B5E | 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 #78677E as 0% and #451B5E as 100%.

0.0%	0.0% #78677E	RGB 120 103 126	#78677E
16.7%	16.7% #6F5A78	RGB 111 90 120	#6F5A78
33.3%	33.3% #674D73	RGB 103 77 115	#674D73
50.0%	50.0% #5E416E	RGB 94 65 110	#5E416E
66.7%	66.7% #563468	RGB 86 52 104	#563468
83.3%	83.3% #4D2763	RGB 77 39 99	#4D2763
100.0%	100.0% #451B5E	RGB 69 27 94	#451B5E

#78677E #6F5A78 #674D73 #5E416E #563468 #4D2763 #451B5E

#78677E - #451B5E

HSV Blend

#78677E - #451B5E | 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 #78677E as 0% and #451B5E as 100%.

0.0%	0.0% #78677E	RGB 120 103 126	#78677E
16.7%	16.7% #6F5778	RGB 111 87 120	#6F5778
33.3%	33.3% #664973	RGB 102 73 115	#664973
50.0%	50.0% #5E3C6E	RGB 94 60 110	#5E3C6E
66.7%	66.7% #553068	RGB 85 48 104	#553068
83.3%	83.3% #4D2563	RGB 77 37 99	#4D2563
100.0%	100.0% #451B5E	RGB 69 27 94	#451B5E

#78677E #6F5778 #664973 #5E3C6E #553068 #4D2563 #451B5E

#78677E - #5E3C6E - #451B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78677E 0%, #5E3C6E 50%, #451B5E 100%);
    background: -webkit-linear-gradient(top, #78677E 0%, #5E3C6E 50%, #451B5E 100%);
    background: linear-gradient(to bottom, #78677E 0%, #5E3C6E 50%, #451B5E 100%);
}
</style>