#3E694C - #C7D4CB | 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 #3E694C to #C7D4CB

#3E694C #C7D4CB

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

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

0.0%	0.0% #3E694C	RGB 62 105 76	#3E694C
16.7%	16.7% #547A61	RGB 84 122 97	#547A61
33.3%	33.3% #6B8C76	RGB 107 140 118	#6B8C76
50.0%	50.0% #829E8B	RGB 130 158 139	#829E8B
66.7%	66.7% #99B0A0	RGB 153 176 160	#99B0A0
83.3%	83.3% #B0C2B5	RGB 176 194 181	#B0C2B5
100.0%	100.0% #C7D4CB	RGB 199 212 203	#C7D4CB

#3E694C #547A61 #6B8C76 #829E8B #99B0A0 #B0C2B5 #C7D4CB

#3E694C - #C7D4CB

HSV Blend

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

0.0%	0.0% #3E694C	RGB 62 105 76	#3E694C
16.7%	16.7% #4F7A5D	RGB 79 122 93	#4F7A5D
33.3%	33.3% #638C70	RGB 99 140 112	#638C70
50.0%	50.0% #799E85	RGB 121 158 133	#799E85
66.7%	66.7% #91B09A	RGB 145 176 154	#91B09A
83.3%	83.3% #AAC2B2	RGB 170 194 178	#AAC2B2
100.0%	100.0% #C7D4CB	RGB 199 212 203	#C7D4CB

#3E694C #4F7A5D #638C70 #799E85 #91B09A #AAC2B2 #C7D4CB

#3E694C - #799E85 - #C7D4CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E694C 0%, #799E85 50%, #C7D4CB 100%);
    background: -webkit-linear-gradient(top, #3E694C 0%, #799E85 50%, #C7D4CB 100%);
    background: linear-gradient(to bottom, #3E694C 0%, #799E85 50%, #C7D4CB 100%);
}
</style>