#B6D0C7 - #5A8B7E | 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 #B6D0C7 to #5A8B7E

#B6D0C7 #5A8B7E

Calculate the color between two colors, #B6D0C7 and #5A8B7E. 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)

#B6D0C7 - #5A8B7E | 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 #B6D0C7 as 0% and #5A8B7E as 100%.

0.0%	0.0% #B6D0C7	RGB 182 208 199	#B6D0C7
16.7%	16.7% #A6C4BA	RGB 166 196 186	#A6C4BA
33.3%	33.3% #97B9AE	RGB 151 185 174	#97B9AE
50.0%	50.0% #88ADA2	RGB 136 173 162	#88ADA2
66.7%	66.7% #78A296	RGB 120 162 150	#78A296
83.3%	83.3% #69968A	RGB 105 150 138	#69968A
100.0%	100.0% #5A8B7E	RGB 90 139 126	#5A8B7E

#B6D0C7 #A6C4BA #97B9AE #88ADA2 #78A296 #69968A #5A8B7E

#B6D0C7 - #5A8B7E

HSV Blend

#B6D0C7 - #5A8B7E | 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 #B6D0C7 as 0% and #5A8B7E as 100%.

0.0%	0.0% #B6D0C7	RGB 182 208 199	#B6D0C7
16.7%	16.7% #A4C4B9	RGB 164 196 185	#A4C4B9
33.3%	33.3% #93B9AD	RGB 147 185 173	#93B9AD
50.0%	50.0% #84ADA0	RGB 132 173 160	#84ADA0
66.7%	66.7% #75A294	RGB 117 162 148	#75A294
83.3%	83.3% #679689	RGB 103 150 137	#679689
100.0%	100.0% #5A8B7E	RGB 90 139 126	#5A8B7E

#B6D0C7 #A4C4B9 #93B9AD #84ADA0 #75A294 #679689 #5A8B7E

#B6D0C7 - #84ADA0 - #5A8B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6D0C7 0%, #84ADA0 50%, #5A8B7E 100%);
    background: -webkit-linear-gradient(top, #B6D0C7 0%, #84ADA0 50%, #5A8B7E 100%);
    background: linear-gradient(to bottom, #B6D0C7 0%, #84ADA0 50%, #5A8B7E 100%);
}
</style>