#2D2D2D - #659178 | 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 #2D2D2D to #659178

#2D2D2D #659178

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

#2D2D2D - #659178 | 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 #2D2D2D as 0% and #659178 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #363D39	RGB 54 61 57	#363D39
33.3%	33.3% #3F4E46	RGB 63 78 70	#3F4E46
50.0%	50.0% #495F52	RGB 73 95 82	#495F52
66.7%	66.7% #526F5F	RGB 82 111 95	#526F5F
83.3%	83.3% #5B806B	RGB 91 128 107	#5B806B
100.0%	100.0% #659178	RGB 101 145 120	#659178

#2D2D2D #363D39 #3F4E46 #495F52 #526F5F #5B806B #659178

#2D2D2D - #659178

HSV Blend

#2D2D2D - #659178 | 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 #2D2D2D as 0% and #659178 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3B3A	RGB 61 59 58	#3D3B3A
33.3%	33.3% #4E4C46	RGB 78 76 70	#4E4C46
50.0%	50.0% #5B5F50	RGB 91 95 80	#5B5F50
66.7%	66.7% #616F59	RGB 97 111 89	#616F59
83.3%	83.3% #5F8060	RGB 95 128 96	#5F8060
100.0%	100.0% #659178	RGB 101 145 120	#659178

#2D2D2D #3D3B3A #4E4C46 #5B5F50 #616F59 #5F8060 #659178

#2D2D2D - #5B5F50 - #659178

CSS codes

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

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