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

#3E8F85 #C7DFDC

Calculate the color between two colors, #3E8F85 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)

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

0.0%	0.0% #3E8F85	RGB 62 143 133	#3E8F85
16.7%	16.7% #549C93	RGB 84 156 147	#549C93
33.3%	33.3% #6BA9A2	RGB 107 169 162	#6BA9A2
50.0%	50.0% #82B7B0	RGB 130 183 176	#82B7B0
66.7%	66.7% #99C4BF	RGB 153 196 191	#99C4BF
83.3%	83.3% #B0D1CD	RGB 176 209 205	#B0D1CD
100.0%	100.0% #C7DFDC	RGB 199 223 220	#C7DFDC

#3E8F85 #549C93 #6BA9A2 #82B7B0 #99C4BF #B0D1CD #C7DFDC

#3E8F85 - #C7DFDC

HSV Blend

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

0.0%	0.0% #3E8F85	RGB 62 143 133	#3E8F85
16.7%	16.7% #4F9C92	RGB 79 156 146	#4F9C92
33.3%	33.3% #63A9A0	RGB 99 169 160	#63A9A0
50.0%	50.0% #79B7AF	RGB 121 183 175	#79B7AF
66.7%	66.7% #91C4BD	RGB 145 196 189	#91C4BD
83.3%	83.3% #ABD1CC	RGB 171 209 204	#ABD1CC
100.0%	100.0% #C7DFDC	RGB 199 223 220	#C7DFDC

#3E8F85 #4F9C92 #63A9A0 #79B7AF #91C4BD #ABD1CC #C7DFDC

#3E8F85 - #79B7AF - #C7DFDC

CSS codes

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

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