#959C92 - #292C29 | 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 #959C92 to #292C29

#959C92 #292C29

Calculate the color between two colors, #959C92 and #292C29. 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)

#959C92 - #292C29 | 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 #959C92 as 0% and #292C29 as 100%.

0.0%	0.0% #959C92	RGB 149 156 146	#959C92
16.7%	16.7% #838980	RGB 131 137 128	#838980
33.3%	33.3% #71766F	RGB 113 118 111	#71766F
50.0%	50.0% #5F645D	RGB 95 100 93	#5F645D
66.7%	66.7% #4D514C	RGB 77 81 76	#4D514C
83.3%	83.3% #3B3E3A	RGB 59 62 58	#3B3E3A
100.0%	100.0% #292C29	RGB 41 44 41	#292C29

#959C92 #838980 #71766F #5F645D #4D514C #3B3E3A #292C29

#959C92 - #292C29

HSV Blend

#959C92 - #292C29 | 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 #959C92 as 0% and #292C29 as 100%.

0.0%	0.0% #959C92	RGB 149 156 146	#959C92
16.7%	16.7% #828980	RGB 130 137 128	#828980
33.3%	33.3% #70766E	RGB 112 118 110	#70766E
50.0%	50.0% #5E645D	RGB 94 100 93	#5E645D
66.7%	66.7% #4C514B	RGB 76 81 75	#4C514B
83.3%	83.3% #3A3E3A	RGB 58 62 58	#3A3E3A
100.0%	100.0% #292C29	RGB 41 44 41	#292C29

#959C92 #828980 #70766E #5E645D #4C514B #3A3E3A #292C29

#959C92 - #5E645D - #292C29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959C92 0%, #5E645D 50%, #292C29 100%);
    background: -webkit-linear-gradient(top, #959C92 0%, #5E645D 50%, #292C29 100%);
    background: linear-gradient(to bottom, #959C92 0%, #5E645D 50%, #292C29 100%);
}
</style>