#3C8F85 - #C7DFDC | 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 #3C8F85 to #C7DFDC

#3C8F85 #C7DFDC

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

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

0.0%	0.0% #3C8F85	RGB 60 143 133	#3C8F85
16.7%	16.7% #539C93	RGB 83 156 147	#539C93
33.3%	33.3% #6AA9A2	RGB 106 169 162	#6AA9A2
50.0%	50.0% #81B7B0	RGB 129 183 176	#81B7B0
66.7%	66.7% #98C4BF	RGB 152 196 191	#98C4BF
83.3%	83.3% #AFD1CD	RGB 175 209 205	#AFD1CD
100.0%	100.0% #C7DFDC	RGB 199 223 220	#C7DFDC

#3C8F85 #539C93 #6AA9A2 #81B7B0 #98C4BF #AFD1CD #C7DFDC

#3C8F85 - #C7DFDC

HSV Blend

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

0.0%	0.0% #3C8F85	RGB 60 143 133	#3C8F85
16.7%	16.7% #4D9C92	RGB 77 156 146	#4D9C92
33.3%	33.3% #61A9A0	RGB 97 169 160	#61A9A0
50.0%	50.0% #78B7AF	RGB 120 183 175	#78B7AF
66.7%	66.7% #90C4BD	RGB 144 196 189	#90C4BD
83.3%	83.3% #AAD1CC	RGB 170 209 204	#AAD1CC
100.0%	100.0% #C7DFDC	RGB 199 223 220	#C7DFDC

#3C8F85 #4D9C92 #61A9A0 #78B7AF #90C4BD #AAD1CC #C7DFDC

#3C8F85 - #78B7AF - #C7DFDC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8F85 0%, #78B7AF 50%, #C7DFDC 100%);
    background: -webkit-linear-gradient(top, #3C8F85 0%, #78B7AF 50%, #C7DFDC 100%);
    background: linear-gradient(to bottom, #3C8F85 0%, #78B7AF 50%, #C7DFDC 100%);
}
</style>