#81C8C0 - #1D978B | 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 #81C8C0 to #1D978B

#81C8C0 #1D978B

Calculate the color between two colors, #81C8C0 and #1D978B. 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)

#81C8C0 - #1D978B | 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 #81C8C0 as 0% and #1D978B as 100%.

0.0%	0.0% #81C8C0	RGB 129 200 192	#81C8C0
16.7%	16.7% #70BFB7	RGB 112 191 183	#70BFB7
33.3%	33.3% #5FB7AE	RGB 95 183 174	#5FB7AE
50.0%	50.0% #4FAFA5	RGB 79 175 165	#4FAFA5
66.7%	66.7% #3EA79C	RGB 62 167 156	#3EA79C
83.3%	83.3% #2D9F93	RGB 45 159 147	#2D9F93
100.0%	100.0% #1D978B	RGB 29 151 139	#1D978B

#81C8C0 #70BFB7 #5FB7AE #4FAFA5 #3EA79C #2D9F93 #1D978B

#81C8C0 - #1D978B

HSV Blend

#81C8C0 - #1D978B | 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 #81C8C0 as 0% and #1D978B as 100%.

0.0%	0.0% #81C8C0	RGB 129 200 192	#81C8C0
16.7%	16.7% #6DBFB6	RGB 109 191 182	#6DBFB6
33.3%	33.3% #5AB7AD	RGB 90 183 173	#5AB7AD
50.0%	50.0% #49AFA4	RGB 73 175 164	#49AFA4
66.7%	66.7% #39A79B	RGB 57 167 155	#39A79B
83.3%	83.3% #2A9F93	RGB 42 159 147	#2A9F93
100.0%	100.0% #1D978B	RGB 29 151 139	#1D978B

#81C8C0 #6DBFB6 #5AB7AD #49AFA4 #39A79B #2A9F93 #1D978B

#81C8C0 - #49AFA4 - #1D978B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81C8C0 0%, #49AFA4 50%, #1D978B 100%);
    background: -webkit-linear-gradient(top, #81C8C0 0%, #49AFA4 50%, #1D978B 100%);
    background: linear-gradient(to bottom, #81C8C0 0%, #49AFA4 50%, #1D978B 100%);
}
</style>