#669E5E - #134623 | 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 #669E5E to #134623

#669E5E #134623

Calculate the color between two colors, #669E5E and #134623. 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)

#669E5E - #134623 | 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 #669E5E as 0% and #134623 as 100%.

0.0%	0.0% #669E5E	RGB 102 158 94	#669E5E
16.7%	16.7% #588F54	RGB 88 143 84	#588F54
33.3%	33.3% #4A804A	RGB 74 128 74	#4A804A
50.0%	50.0% #3C7240	RGB 60 114 64	#3C7240
66.7%	66.7% #2E6336	RGB 46 99 54	#2E6336
83.3%	83.3% #20542C	RGB 32 84 44	#20542C
100.0%	100.0% #134623	RGB 19 70 35	#134623

#669E5E #588F54 #4A804A #3C7240 #2E6336 #20542C #134623

#669E5E - #134623

HSV Blend

#669E5E - #134623 | 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 #669E5E as 0% and #134623 as 100%.

0.0%	0.0% #669E5E	RGB 102 158 94	#669E5E
16.7%	16.7% #508F4D	RGB 80 143 77	#508F4D
33.3%	33.3% #3E8040	RGB 62 128 64	#3E8040
50.0%	50.0% #317237	RGB 49 114 55	#317237
66.7%	66.7% #256330	RGB 37 99 48	#256330
83.3%	83.3% #1B5429	RGB 27 84 41	#1B5429
100.0%	100.0% #134623	RGB 19 70 35	#134623

#669E5E #508F4D #3E8040 #317237 #256330 #1B5429 #134623

#669E5E - #317237 - #134623

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #669E5E 0%, #317237 50%, #134623 100%);
    background: -webkit-linear-gradient(top, #669E5E 0%, #317237 50%, #134623 100%);
    background: linear-gradient(to bottom, #669E5E 0%, #317237 50%, #134623 100%);
}
</style>