#A8BCB2 - #4A7E79 | 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 #A8BCB2 to #4A7E79

#A8BCB2 #4A7E79

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

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

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #98B1A8	RGB 152 177 168	#98B1A8
33.3%	33.3% #88A79F	RGB 136 167 159	#88A79F
50.0%	50.0% #799D95	RGB 121 157 149	#799D95
66.7%	66.7% #69928C	RGB 105 146 140	#69928C
83.3%	83.3% #598882	RGB 89 136 130	#598882
100.0%	100.0% #4A7E79	RGB 74 126 121	#4A7E79

#A8BCB2 #98B1A8 #88A79F #799D95 #69928C #598882 #4A7E79

#A8BCB2 - #4A7E79

HSV Blend

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

0.0%	0.0% #A8BCB2	RGB 168 188 178	#A8BCB2
16.7%	16.7% #95B1A5	RGB 149 177 165	#95B1A5
33.3%	33.3% #84A79A	RGB 132 167 154	#84A79A
50.0%	50.0% #749D90	RGB 116 157 144	#749D90
66.7%	66.7% #659288	RGB 101 146 136	#659288
83.3%	83.3% #578880	RGB 87 136 128	#578880
100.0%	100.0% #4A7E79	RGB 74 126 121	#4A7E79

#A8BCB2 #95B1A5 #84A79A #749D90 #659288 #578880 #4A7E79

#A8BCB2 - #749D90 - #4A7E79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BCB2 0%, #749D90 50%, #4A7E79 100%);
    background: -webkit-linear-gradient(top, #A8BCB2 0%, #749D90 50%, #4A7E79 100%);
    background: linear-gradient(to bottom, #A8BCB2 0%, #749D90 50%, #4A7E79 100%);
}
</style>