#8EB6AB - #2F7E71 | 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 #8EB6AB to #2F7E71

#8EB6AB #2F7E71

Calculate the color between two colors, #8EB6AB and #2F7E71. 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)

#8EB6AB - #2F7E71 | 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 #8EB6AB as 0% and #2F7E71 as 100%.

0.0%	0.0% #8EB6AB	RGB 142 182 171	#8EB6AB
16.7%	16.7% #7EACA1	RGB 126 172 161	#7EACA1
33.3%	33.3% #6EA397	RGB 110 163 151	#6EA397
50.0%	50.0% #5E9A8E	RGB 94 154 142	#5E9A8E
66.7%	66.7% #4E9084	RGB 78 144 132	#4E9084
83.3%	83.3% #3E877A	RGB 62 135 122	#3E877A
100.0%	100.0% #2F7E71	RGB 47 126 113	#2F7E71

#8EB6AB #7EACA1 #6EA397 #5E9A8E #4E9084 #3E877A #2F7E71

#8EB6AB - #2F7E71

HSV Blend

#8EB6AB - #2F7E71 | 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 #8EB6AB as 0% and #2F7E71 as 100%.

0.0%	0.0% #8EB6AB	RGB 142 182 171	#8EB6AB
16.7%	16.7% #7AAC9F	RGB 122 172 159	#7AAC9F
33.3%	33.3% #69A395	RGB 105 163 149	#69A395
50.0%	50.0% #589A8B	RGB 88 154 139	#589A8B
66.7%	66.7% #499082	RGB 73 144 130	#499082
83.3%	83.3% #3B8779	RGB 59 135 121	#3B8779
100.0%	100.0% #2F7E71	RGB 47 126 113	#2F7E71

#8EB6AB #7AAC9F #69A395 #589A8B #499082 #3B8779 #2F7E71

#8EB6AB - #589A8B - #2F7E71

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EB6AB 0%, #589A8B 50%, #2F7E71 100%);
    background: -webkit-linear-gradient(top, #8EB6AB 0%, #589A8B 50%, #2F7E71 100%);
    background: linear-gradient(to bottom, #8EB6AB 0%, #589A8B 50%, #2F7E71 100%);
}
</style>