#4A879B - #C4CABB | 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 #4A879B to #C4CABB

#4A879B #C4CABB

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

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

0.0%	0.0% #4A879B	RGB 74 135 155	#4A879B
16.7%	16.7% #5E92A0	RGB 94 146 160	#5E92A0
33.3%	33.3% #729DA5	RGB 114 157 165	#729DA5
50.0%	50.0% #87A8AB	RGB 135 168 171	#87A8AB
66.7%	66.7% #9BB3B0	RGB 155 179 176	#9BB3B0
83.3%	83.3% #AFBEB5	RGB 175 190 181	#AFBEB5
100.0%	100.0% #C4CABB	RGB 196 202 187	#C4CABB

#4A879B #5E92A0 #729DA5 #87A8AB #9BB3B0 #AFBEB5 #C4CABB

#4A879B - #C4CABB

HSV Blend

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

0.0%	0.0% #4A879B	RGB 74 135 155	#4A879B
16.7%	16.7% #59A29E	RGB 89 162 158	#59A29E
33.3%	33.3% #6AAA93	RGB 106 170 147	#6AAA93
50.0%	50.0% #7DB28E	RGB 125 178 142	#7DB28E
66.7%	66.7% #90BA91	RGB 144 186 145	#90BA91
83.3%	83.3% #ADC2A5	RGB 173 194 165	#ADC2A5
100.0%	100.0% #C4CABB	RGB 196 202 187	#C4CABB

#4A879B #59A29E #6AAA93 #7DB28E #90BA91 #ADC2A5 #C4CABB

#4A879B - #7DB28E - #C4CABB

CSS codes

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

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