#5EAEAE - #C2DBAA | 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 #5EAEAE to #C2DBAA

#5EAEAE #C2DBAA

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

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

0.0%	0.0% #5EAEAE	RGB 94 174 174	#5EAEAE
16.7%	16.7% #6EB5AD	RGB 110 181 173	#6EB5AD
33.3%	33.3% #7FBDAC	RGB 127 189 172	#7FBDAC
50.0%	50.0% #90C4AC	RGB 144 196 172	#90C4AC
66.7%	66.7% #A0CCAB	RGB 160 204 171	#A0CCAB
83.3%	83.3% #B1D3AA	RGB 177 211 170	#B1D3AA
100.0%	100.0% #C2DBAA	RGB 194 219 170	#C2DBAA

#5EAEAE #6EB5AD #7FBDAC #90C4AC #A0CCAB #B1D3AA #C2DBAA

#5EAEAE - #C2DBAA

HSV Blend

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

0.0%	0.0% #5EAEAE	RGB 94 174 174	#5EAEAE
16.7%	16.7% #69B5A2	RGB 105 181 162	#69B5A2
33.3%	33.3% #74BD99	RGB 116 189 153	#74BD99
50.0%	50.0% #81C492	RGB 129 196 146	#81C492
66.7%	66.7% #8ECC8E	RGB 142 204 142	#8ECC8E
83.3%	83.3% #A9D39B	RGB 169 211 155	#A9D39B
100.0%	100.0% #C2DBAA	RGB 194 219 170	#C2DBAA

#5EAEAE #69B5A2 #74BD99 #81C492 #8ECC8E #A9D39B #C2DBAA

#5EAEAE - #81C492 - #C2DBAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAEAE 0%, #81C492 50%, #C2DBAA 100%);
    background: -webkit-linear-gradient(top, #5EAEAE 0%, #81C492 50%, #C2DBAA 100%);
    background: linear-gradient(to bottom, #5EAEAE 0%, #81C492 50%, #C2DBAA 100%);
}
</style>