#488C8C - #ABCB99 | 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 #488C8C to #ABCB99

#488C8C #ABCB99

Calculate the color between two colors, #488C8C and #ABCB99. 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)

#488C8C - #ABCB99 | 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 #488C8C as 0% and #ABCB99 as 100%.

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #58968E	RGB 88 150 142	#58968E
33.3%	33.3% #69A190	RGB 105 161 144	#69A190
50.0%	50.0% #79AB92	RGB 121 171 146	#79AB92
66.7%	66.7% #8AB694	RGB 138 182 148	#8AB694
83.3%	83.3% #9AC096	RGB 154 192 150	#9AC096
100.0%	100.0% #ABCB99	RGB 171 203 153	#ABCB99

#488C8C #58968E #69A190 #79AB92 #8AB694 #9AC096 #ABCB99

#488C8C - #ABCB99

HSV Blend

#488C8C - #ABCB99 | 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 #488C8C as 0% and #ABCB99 as 100%.

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #539687	RGB 83 150 135	#539687
33.3%	33.3% #5FA183	RGB 95 161 131	#5FA183
50.0%	50.0% #6CAB80	RGB 108 171 128	#6CAB80
66.7%	66.7% #7AB680	RGB 122 182 128	#7AB680
83.3%	83.3% #90C089	RGB 144 192 137	#90C089
100.0%	100.0% #ABCB99	RGB 171 203 153	#ABCB99

#488C8C #539687 #5FA183 #6CAB80 #7AB680 #90C089 #ABCB99

#488C8C - #6CAB80 - #ABCB99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
    background: -webkit-linear-gradient(top, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
    background: linear-gradient(to bottom, #488C8C 0%, #6CAB80 50%, #ABCB99 100%);
}
</style>