#48748C - #8FCD8F | 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 #48748C to #8FCD8F

#48748C #8FCD8F

Calculate the color between two colors, #48748C and #8FCD8F. 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)

#48748C - #8FCD8F | 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 #48748C as 0% and #8FCD8F as 100%.

0.0%	0.0% #48748C	RGB 72 116 140	#48748C
16.7%	16.7% #53828C	RGB 83 130 140	#53828C
33.3%	33.3% #5F918D	RGB 95 145 141	#5F918D
50.0%	50.0% #6BA08D	RGB 107 160 141	#6BA08D
66.7%	66.7% #77AF8E	RGB 119 175 142	#77AF8E
83.3%	83.3% #83BE8E	RGB 131 190 142	#83BE8E
100.0%	100.0% #8FCD8F	RGB 143 205 143	#8FCD8F

#48748C #53828C #5F918D #6BA08D #77AF8E #83BE8E #8FCD8F

#48748C - #8FCD8F

HSV Blend

#48748C - #8FCD8F | 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 #48748C as 0% and #8FCD8F as 100%.

0.0%	0.0% #48748C	RGB 72 116 140	#48748C
16.7%	16.7% #528E96	RGB 82 142 150	#528E96
33.3%	33.3% #5DA19A	RGB 93 161 154	#5DA19A
50.0%	50.0% #68AC96	RGB 104 172 150	#68AC96
66.7%	66.7% #74B792	RGB 116 183 146	#74B792
83.3%	83.3% #81C290	RGB 129 194 144	#81C290
100.0%	100.0% #8FCD8F	RGB 143 205 143	#8FCD8F

#48748C #528E96 #5DA19A #68AC96 #74B792 #81C290 #8FCD8F

#48748C - #68AC96 - #8FCD8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48748C 0%, #68AC96 50%, #8FCD8F 100%);
    background: -webkit-linear-gradient(top, #48748C 0%, #68AC96 50%, #8FCD8F 100%);
    background: linear-gradient(to bottom, #48748C 0%, #68AC96 50%, #8FCD8F 100%);
}
</style>