#3F7E5E - #C8DAD0 | 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 #3F7E5E to #C8DAD0

#3F7E5E #C8DAD0

Calculate the color between two colors, #3F7E5E and #C8DAD0. 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)

#3F7E5E - #C8DAD0 | 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 #3F7E5E as 0% and #C8DAD0 as 100%.

0.0%	0.0% #3F7E5E	RGB 63 126 94	#3F7E5E
16.7%	16.7% #558D71	RGB 85 141 113	#558D71
33.3%	33.3% #6C9C84	RGB 108 156 132	#6C9C84
50.0%	50.0% #83AC97	RGB 131 172 151	#83AC97
66.7%	66.7% #9ABBAA	RGB 154 187 170	#9ABBAA
83.3%	83.3% #B1CABD	RGB 177 202 189	#B1CABD
100.0%	100.0% #C8DAD0	RGB 200 218 208	#C8DAD0

#3F7E5E #558D71 #6C9C84 #83AC97 #9ABBAA #B1CABD #C8DAD0

#3F7E5E - #C8DAD0

HSV Blend

#3F7E5E - #C8DAD0 | 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 #3F7E5E as 0% and #C8DAD0 as 100%.

0.0%	0.0% #3F7E5E	RGB 63 126 94	#3F7E5E
16.7%	16.7% #508D6D	RGB 80 141 109	#508D6D
33.3%	33.3% #649C7F	RGB 100 156 127	#649C7F
50.0%	50.0% #79AC91	RGB 121 172 145	#79AC91
66.7%	66.7% #91BBA4	RGB 145 187 164	#91BBA4
83.3%	83.3% #ABCAB9	RGB 171 202 185	#ABCAB9
100.0%	100.0% #C8DAD0	RGB 200 218 208	#C8DAD0

#3F7E5E #508D6D #649C7F #79AC91 #91BBA4 #ABCAB9 #C8DAD0

#3F7E5E - #79AC91 - #C8DAD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F7E5E 0%, #79AC91 50%, #C8DAD0 100%);
    background: -webkit-linear-gradient(top, #3F7E5E 0%, #79AC91 50%, #C8DAD0 100%);
    background: linear-gradient(to bottom, #3F7E5E 0%, #79AC91 50%, #C8DAD0 100%);
}
</style>