#4C8C8C - #152828 | 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 #4C8C8C to #152828

#4C8C8C #152828

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

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

0.0%	0.0% #4C8C8C	RGB 76 140 140	#4C8C8C
16.7%	16.7% #427B7B	RGB 66 123 123	#427B7B
33.3%	33.3% #396A6A	RGB 57 106 106	#396A6A
50.0%	50.0% #305A5A	RGB 48 90 90	#305A5A
66.7%	66.7% #274949	RGB 39 73 73	#274949
83.3%	83.3% #1E3838	RGB 30 56 56	#1E3838
100.0%	100.0% #152828	RGB 21 40 40	#152828

#4C8C8C #427B7B #396A6A #305A5A #274949 #1E3838 #152828

#4C8C8C - #152828

HSV Blend

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

0.0%	0.0% #4C8C8C	RGB 76 140 140	#4C8C8C
16.7%	16.7% #427B7B	RGB 66 123 123	#427B7B
33.3%	33.3% #396A6A	RGB 57 106 106	#396A6A
50.0%	50.0% #305A5A	RGB 48 90 90	#305A5A
66.7%	66.7% #264949	RGB 38 73 73	#264949
83.3%	83.3% #1D3838	RGB 29 56 56	#1D3838
100.0%	100.0% #152828	RGB 21 40 40	#152828

#4C8C8C #427B7B #396A6A #305A5A #264949 #1D3838 #152828

#4C8C8C - #305A5A - #152828

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C8C8C 0%, #305A5A 50%, #152828 100%);
    background: -webkit-linear-gradient(top, #4C8C8C 0%, #305A5A 50%, #152828 100%);
    background: linear-gradient(to bottom, #4C8C8C 0%, #305A5A 50%, #152828 100%);
}
</style>