#4A8C91 - #CFCFB5 | 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 #CFCFB5

#4A8C91 #CFCFB5

Calculate the color between two colors, #4A8C91 and #CFCFB5. 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 - #CFCFB5 | 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 #CFCFB5 as 100%.

0.0%	0.0% #4A8C91	RGB 74 140 145	#4A8C91
16.7%	16.7% #609797	RGB 96 151 151	#609797
33.3%	33.3% #76A29D	RGB 118 162 157	#76A29D
50.0%	50.0% #8CADA3	RGB 140 173 163	#8CADA3
66.7%	66.7% #A2B8A9	RGB 162 184 169	#A2B8A9
83.3%	83.3% #B8C3AF	RGB 184 195 175	#B8C3AF
100.0%	100.0% #CFCFB5	RGB 207 207 181	#CFCFB5

#4A8C91 #609797 #76A29D #8CADA3 #A2B8A9 #B8C3AF #CFCFB5

#4A8C91 - #CFCFB5

HSV Blend

#4A8C91 - #CFCFB5 | 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 #CFCFB5 as 100%.

0.0%	0.0% #4A8B91	RGB 74 139 145	#4A8B91
16.7%	16.7% #589B89	RGB 88 155 137	#589B89
33.3%	33.3% #68A57F	RGB 104 165 127	#68A57F
50.0%	50.0% #79B07B	RGB 121 176 123	#79B07B
66.7%	66.7% #9ABA8C	RGB 154 186 140	#9ABA8C
83.3%	83.3% #B8C4A0	RGB 184 196 160	#B8C4A0
100.0%	100.0% #CFCFB5	RGB 207 207 181	#CFCFB5

#4A8B91 #589B89 #68A57F #79B07B #9ABA8C #B8C4A0 #CFCFB5

#4A8C91 - #79B07B - #CFCFB5

CSS codes

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

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