#7C8084 - #264F5E | 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 #7C8084 to #264F5E

#7C8084 #264F5E

Calculate the color between two colors, #7C8084 and #264F5E. 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)

#7C8084 - #264F5E | 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 #7C8084 as 0% and #264F5E as 100%.

0.0%	0.0% #7C8084	RGB 124 128 132	#7C8084
16.7%	16.7% #6D777D	RGB 109 119 125	#6D777D
33.3%	33.3% #5F6F77	RGB 95 111 119	#5F6F77
50.0%	50.0% #516771	RGB 81 103 113	#516771
66.7%	66.7% #425F6A	RGB 66 95 106	#425F6A
83.3%	83.3% #345764	RGB 52 87 100	#345764
100.0%	100.0% #264F5E	RGB 38 79 94	#264F5E

#7C8084 #6D777D #5F6F77 #516771 #425F6A #345764 #264F5E

#7C8084 - #264F5E

HSV Blend

#7C8084 - #264F5E | 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 #7C8084 as 0% and #264F5E as 100%.

0.0%	0.0% #7C8084	RGB 124 128 132	#7C8084
16.7%	16.7% #6A747D	RGB 106 116 125	#6A747D
33.3%	33.3% #5A6B77	RGB 90 107 119	#5A6B77
50.0%	50.0% #4B6271	RGB 75 98 113	#4B6271
66.7%	66.7% #3E5B6A	RGB 62 91 106	#3E5B6A
83.3%	83.3% #315464	RGB 49 84 100	#315464
100.0%	100.0% #264F5E	RGB 38 79 94	#264F5E

#7C8084 #6A747D #5A6B77 #4B6271 #3E5B6A #315464 #264F5E

#7C8084 - #4B6271 - #264F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C8084 0%, #4B6271 50%, #264F5E 100%);
    background: -webkit-linear-gradient(top, #7C8084 0%, #4B6271 50%, #264F5E 100%);
    background: linear-gradient(to bottom, #7C8084 0%, #4B6271 50%, #264F5E 100%);
}
</style>