#4A8394 - #C4C7B6 | 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 #4A8394 to #C4C7B6

#4A8394 #C4C7B6

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

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

0.0%	0.0% #4A8394	RGB 74 131 148	#4A8394
16.7%	16.7% #5E8E99	RGB 94 142 153	#5E8E99
33.3%	33.3% #72999F	RGB 114 153 159	#72999F
50.0%	50.0% #87A5A5	RGB 135 165 165	#87A5A5
66.7%	66.7% #9BB0AA	RGB 155 176 170	#9BB0AA
83.3%	83.3% #AFBBB0	RGB 175 187 176	#AFBBB0
100.0%	100.0% #C4C7B6	RGB 196 199 182	#C4C7B6

#4A8394 #5E8E99 #72999F #87A5A5 #9BB0AA #AFBBB0 #C4C7B6

#4A8394 - #C4C7B6

HSV Blend

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

0.0%	0.0% #4A8394	RGB 74 131 148	#4A8394
16.7%	16.7% #599C94	RGB 89 156 148	#599C94
33.3%	33.3% #69A589	RGB 105 165 137	#69A589
50.0%	50.0% #7AAD85	RGB 122 173 133	#7AAD85
66.7%	66.7% #92B68D	RGB 146 182 141	#92B68D
83.3%	83.3% #AFBEA1	RGB 175 190 161	#AFBEA1
100.0%	100.0% #C4C7B6	RGB 196 199 182	#C4C7B6

#4A8394 #599C94 #69A589 #7AAD85 #92B68D #AFBEA1 #C4C7B6

#4A8394 - #7AAD85 - #C4C7B6

CSS codes

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

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