#70736C - #CFBB8C | 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 #70736C to #CFBB8C

#70736C #CFBB8C

Calculate the color between two colors, #70736C and #CFBB8C. 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)

#70736C - #CFBB8C | 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 #70736C as 0% and #CFBB8C as 100%.

0.0%	0.0% #70736C	RGB 112 115 108	#70736C
16.7%	16.7% #7F7F71	RGB 127 127 113	#7F7F71
33.3%	33.3% #8F8B76	RGB 143 139 118	#8F8B76
50.0%	50.0% #9F977C	RGB 159 151 124	#9F977C
66.7%	66.7% #AFA381	RGB 175 163 129	#AFA381
83.3%	83.3% #BFAF86	RGB 191 175 134	#BFAF86
100.0%	100.0% #CFBB8C	RGB 207 187 140	#CFBB8C

#70736C #7F7F71 #8F8B76 #9F977C #AFA381 #BFAF86 #CFBB8C

#70736C - #CFBB8C

HSV Blend

#70736C - #CFBB8C | 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 #70736C as 0% and #CFBB8C as 100%.

0.0%	0.0% #70736C	RGB 112 115 108	#70736C
16.7%	16.7% #7E8274	RGB 126 130 116	#7E8274
33.3%	33.3% #8D917C	RGB 141 145 124	#8D917C
50.0%	50.0% #9EA182	RGB 158 161 130	#9EA182
66.7%	66.7% #B0AD86	RGB 176 173 134	#B0AD86
83.3%	83.3% #BFB68A	RGB 191 182 138	#BFB68A
100.0%	100.0% #CFBB8C	RGB 207 187 140	#CFBB8C

#70736C #7E8274 #8D917C #9EA182 #B0AD86 #BFB68A #CFBB8C

#70736C - #9EA182 - #CFBB8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70736C 0%, #9EA182 50%, #CFBB8C 100%);
    background: -webkit-linear-gradient(top, #70736C 0%, #9EA182 50%, #CFBB8C 100%);
    background: linear-gradient(to bottom, #70736C 0%, #9EA182 50%, #CFBB8C 100%);
}
</style>