#4A7B5E - #CBD9D1 | 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 #4A7B5E to #CBD9D1

#4A7B5E #CBD9D1

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

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

0.0%	0.0% #4A7B5E	RGB 74 123 94	#4A7B5E
16.7%	16.7% #5F8A71	RGB 95 138 113	#5F8A71
33.3%	33.3% #759A84	RGB 117 154 132	#759A84
50.0%	50.0% #8AAA97	RGB 138 170 151	#8AAA97
66.7%	66.7% #A0B9AA	RGB 160 185 170	#A0B9AA
83.3%	83.3% #B5C9BD	RGB 181 201 189	#B5C9BD
100.0%	100.0% #CBD9D1	RGB 203 217 209	#CBD9D1

#4A7B5E #5F8A71 #759A84 #8AAA97 #A0B9AA #B5C9BD #CBD9D1

#4A7B5E - #CBD9D1

HSV Blend

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

0.0%	0.0% #4A7B5E	RGB 74 123 94	#4A7B5E
16.7%	16.7% #5B8A6E	RGB 91 138 110	#5B8A6E
33.3%	33.3% #6E9A80	RGB 110 154 128	#6E9A80
50.0%	50.0% #82AA93	RGB 130 170 147	#82AA93
66.7%	66.7% #99B9A6	RGB 153 185 166	#99B9A6
83.3%	83.3% #B1C9BB	RGB 177 201 187	#B1C9BB
100.0%	100.0% #CBD9D1	RGB 203 217 209	#CBD9D1

#4A7B5E #5B8A6E #6E9A80 #82AA93 #99B9A6 #B1C9BB #CBD9D1

#4A7B5E - #82AA93 - #CBD9D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A7B5E 0%, #82AA93 50%, #CBD9D1 100%);
    background: -webkit-linear-gradient(top, #4A7B5E 0%, #82AA93 50%, #CBD9D1 100%);
    background: linear-gradient(to bottom, #4A7B5E 0%, #82AA93 50%, #CBD9D1 100%);
}
</style>