#4A8C91 - #264044 | 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 #4A8C91 to #264044

#4A8C91 #264044

Calculate the color between two colors, #4A8C91 and #264044. 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)

#4A8C91 - #264044 | 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 #4A8C91 as 0% and #264044 as 100%.

0.0%	0.0% #4A8C91	RGB 74 140 145	#4A8C91
16.7%	16.7% #447F84	RGB 68 127 132	#447F84
33.3%	33.3% #3E7277	RGB 62 114 119	#3E7277
50.0%	50.0% #38666A	RGB 56 102 106	#38666A
66.7%	66.7% #32595D	RGB 50 89 93	#32595D
83.3%	83.3% #2C4C50	RGB 44 76 80	#2C4C50
100.0%	100.0% #264044	RGB 38 64 68	#264044

#4A8C91 #447F84 #3E7277 #38666A #32595D #2C4C50 #264044

#4A8C91 - #264044

HSV Blend

#4A8C91 - #264044 | 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 #4A8C91 as 0% and #264044 as 100%.

0.0%	0.0% #4A8B91	RGB 74 139 145	#4A8B91
16.7%	16.7% #447F84	RGB 68 127 132	#447F84
33.3%	33.3% #3E7277	RGB 62 114 119	#3E7277
50.0%	50.0% #38656A	RGB 56 101 106	#38656A
66.7%	66.7% #32585D	RGB 50 88 93	#32585D
83.3%	83.3% #2C4C50	RGB 44 76 80	#2C4C50
100.0%	100.0% #264044	RGB 38 64 68	#264044

#4A8B91 #447F84 #3E7277 #38656A #32585D #2C4C50 #264044

#4A8C91 - #38656A - #264044

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8B91 0%, #38656A 50%, #264044 100%);
    background: -webkit-linear-gradient(top, #4A8B91 0%, #38656A 50%, #264044 100%);
    background: linear-gradient(to bottom, #4A8B91 0%, #38656A 50%, #264044 100%);
}
</style>