#95963C - #555C0D | 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 #95963C to #555C0D

#95963C #555C0D

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

#95963C - #555C0D | 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 #95963C as 0% and #555C0D as 100%.

0.0%	0.0% #95963C	RGB 149 150 60	#95963C
16.7%	16.7% #8A8C34	RGB 138 140 52	#8A8C34
33.3%	33.3% #7F822C	RGB 127 130 44	#7F822C
50.0%	50.0% #757924	RGB 117 121 36	#757924
66.7%	66.7% #6A6F1C	RGB 106 111 28	#6A6F1C
83.3%	83.3% #5F6514	RGB 95 101 20	#5F6514
100.0%	100.0% #555C0D	RGB 85 92 13	#555C0D

#95963C #8A8C34 #7F822C #757924 #6A6F1C #5F6514 #555C0D

#95963C - #555C0D

HSV Blend

#95963C - #555C0D | 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 #95963C as 0% and #555C0D as 100%.

0.0%	0.0% #95963C	RGB 149 150 60	#95963C
16.7%	16.7% #8A8C32	RGB 138 140 50	#8A8C32
33.3%	33.3% #7F8228	RGB 127 130 40	#7F8228
50.0%	50.0% #747920	RGB 116 121 32	#747920
66.7%	66.7% #696F19	RGB 105 111 25	#696F19
83.3%	83.3% #5F6512	RGB 95 101 18	#5F6512
100.0%	100.0% #555C0D	RGB 85 92 13	#555C0D

#95963C #8A8C32 #7F8228 #747920 #696F19 #5F6512 #555C0D

#95963C - #747920 - #555C0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95963C 0%, #747920 50%, #555C0D 100%);
    background: -webkit-linear-gradient(top, #95963C 0%, #747920 50%, #555C0D 100%);
    background: linear-gradient(to bottom, #95963C 0%, #747920 50%, #555C0D 100%);
}
</style>