#6F9A8F - #C2CF99 | 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 #6F9A8F to #C2CF99

#6F9A8F #C2CF99

Calculate the color between two colors, #6F9A8F and #C2CF99. 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)

#6F9A8F - #C2CF99 | 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 #6F9A8F as 0% and #C2CF99 as 100%.

0.0%	0.0% #6F9A8F	RGB 111 154 143	#6F9A8F
16.7%	16.7% #7CA290	RGB 124 162 144	#7CA290
33.3%	33.3% #8AAB92	RGB 138 171 146	#8AAB92
50.0%	50.0% #98B494	RGB 152 180 148	#98B494
66.7%	66.7% #A6BD95	RGB 166 189 149	#A6BD95
83.3%	83.3% #B4C697	RGB 180 198 151	#B4C697
100.0%	100.0% #C2CF99	RGB 194 207 153	#C2CF99

#6F9A8F #7CA290 #8AAB92 #98B494 #A6BD95 #B4C697 #C2CF99

#6F9A8F - #C2CF99

HSV Blend

#6F9A8F - #C2CF99 | 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 #6F9A8F as 0% and #C2CF99 as 100%.

0.0%	0.0% #6F9A8F	RGB 111 154 143	#6F9A8F
16.7%	16.7% #75A28C	RGB 117 162 140	#75A28C
33.3%	33.3% #7CAB88	RGB 124 171 136	#7CAB88
50.0%	50.0% #84B483	RGB 132 180 131	#84B483
66.7%	66.7% #97BD8A	RGB 151 189 138	#97BD8A
83.3%	83.3% #ACC691	RGB 172 198 145	#ACC691
100.0%	100.0% #C2CF99	RGB 194 207 153	#C2CF99

#6F9A8F #75A28C #7CAB88 #84B483 #97BD8A #ACC691 #C2CF99

#6F9A8F - #84B483 - #C2CF99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F9A8F 0%, #84B483 50%, #C2CF99 100%);
    background: -webkit-linear-gradient(top, #6F9A8F 0%, #84B483 50%, #C2CF99 100%);
    background: linear-gradient(to bottom, #6F9A8F 0%, #84B483 50%, #C2CF99 100%);
}
</style>