#95A8A8 - #2A3030 | 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 #95A8A8 to #2A3030

#95A8A8 #2A3030

Calculate the color between two colors, #95A8A8 and #2A3030. 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)

#95A8A8 - #2A3030 | 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 #95A8A8 as 0% and #2A3030 as 100%.

0.0%	0.0% #95A8A8	RGB 149 168 168	#95A8A8
16.7%	16.7% #839494	RGB 131 148 148	#839494
33.3%	33.3% #718080	RGB 113 128 128	#718080
50.0%	50.0% #5F6C6C	RGB 95 108 108	#5F6C6C
66.7%	66.7% #4D5858	RGB 77 88 88	#4D5858
83.3%	83.3% #3B4444	RGB 59 68 68	#3B4444
100.0%	100.0% #2A3030	RGB 42 48 48	#2A3030

#95A8A8 #839494 #718080 #5F6C6C #4D5858 #3B4444 #2A3030

#95A8A8 - #2A3030

HSV Blend

#95A8A8 - #2A3030 | 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 #95A8A8 as 0% and #2A3030 as 100%.

0.0%	0.0% #95A8A8	RGB 149 168 168	#95A8A8
16.7%	16.7% #829494	RGB 130 148 148	#829494
33.3%	33.3% #718080	RGB 113 128 128	#718080
50.0%	50.0% #5F6C6C	RGB 95 108 108	#5F6C6C
66.7%	66.7% #4D5858	RGB 77 88 88	#4D5858
83.3%	83.3% #3B4444	RGB 59 68 68	#3B4444
100.0%	100.0% #2A3030	RGB 42 48 48	#2A3030

#95A8A8 #829494 #718080 #5F6C6C #4D5858 #3B4444 #2A3030

#95A8A8 - #5F6C6C - #2A3030

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95A8A8 0%, #5F6C6C 50%, #2A3030 100%);
    background: -webkit-linear-gradient(top, #95A8A8 0%, #5F6C6C 50%, #2A3030 100%);
    background: linear-gradient(to bottom, #95A8A8 0%, #5F6C6C 50%, #2A3030 100%);
}
</style>