#667940 - #7FDF5E | 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 #667940 to #7FDF5E

#667940 #7FDF5E

Calculate the color between two colors, #667940 and #7FDF5E. 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)

#667940 - #7FDF5E | 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 #667940 as 0% and #7FDF5E as 100%.

0.0%	0.0% #667940	RGB 102 121 64	#667940
16.7%	16.7% #6A8A45	RGB 106 138 69	#6A8A45
33.3%	33.3% #6E9B4A	RGB 110 155 74	#6E9B4A
50.0%	50.0% #72AC4F	RGB 114 172 79	#72AC4F
66.7%	66.7% #76BD54	RGB 118 189 84	#76BD54
83.3%	83.3% #7ACE59	RGB 122 206 89	#7ACE59
100.0%	100.0% #7FDF5E	RGB 127 223 94	#7FDF5E

#667940 #6A8A45 #6E9B4A #72AC4F #76BD54 #7ACE59 #7FDF5E

#667940 - #7FDF5E

HSV Blend

#667940 - #7FDF5E | 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 #667940 as 0% and #7FDF5E as 100%.

0.0%	0.0% #667940	RGB 102 121 64	#667940
16.7%	16.7% #6E8A46	RGB 110 138 70	#6E8A46
33.3%	33.3% #769B4C	RGB 118 155 76	#769B4C
50.0%	50.0% #7BAC51	RGB 123 172 81	#7BAC51
66.7%	66.7% #7EBD56	RGB 126 189 86	#7EBD56
83.3%	83.3% #7FCE5A	RGB 127 206 90	#7FCE5A
100.0%	100.0% #7FDF5E	RGB 127 223 94	#7FDF5E

#667940 #6E8A46 #769B4C #7BAC51 #7EBD56 #7FCE5A #7FDF5E

#667940 - #7BAC51 - #7FDF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #667940 0%, #7BAC51 50%, #7FDF5E 100%);
    background: -webkit-linear-gradient(top, #667940 0%, #7BAC51 50%, #7FDF5E 100%);
    background: linear-gradient(to bottom, #667940 0%, #7BAC51 50%, #7FDF5E 100%);
}
</style>