#4A8C99 - #CBCFB9 | 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 #4A8C99 to #CBCFB9

#4A8C99 #CBCFB9

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

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

0.0%	0.0% #4A8C99	RGB 74 140 153	#4A8C99
16.7%	16.7% #5F979E	RGB 95 151 158	#5F979E
33.3%	33.3% #75A2A3	RGB 117 162 163	#75A2A3
50.0%	50.0% #8AADA9	RGB 138 173 169	#8AADA9
66.7%	66.7% #A0B8AE	RGB 160 184 174	#A0B8AE
83.3%	83.3% #B5C3B3	RGB 181 195 179	#B5C3B3
100.0%	100.0% #CBCFB9	RGB 203 207 185	#CBCFB9

#4A8C99 #5F979E #75A2A3 #8AADA9 #A0B8AE #B5C3B3 #CBCFB9

#4A8C99 - #CBCFB9

HSV Blend

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

0.0%	0.0% #4A8B99	RGB 74 139 153	#4A8B99
16.7%	16.7% #59A295	RGB 89 162 149	#59A295
33.3%	33.3% #6AAB8A	RGB 106 171 138	#6AAB8A
50.0%	50.0% #7BB485	RGB 123 180 133	#7BB485
66.7%	66.7% #96BD8F	RGB 150 189 143	#96BD8F
83.3%	83.3% #B4C6A3	RGB 180 198 163	#B4C6A3
100.0%	100.0% #CBCFB9	RGB 203 207 185	#CBCFB9

#4A8B99 #59A295 #6AAB8A #7BB485 #96BD8F #B4C6A3 #CBCFB9

#4A8C99 - #7BB485 - #CBCFB9

CSS codes

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

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