#2D2D2D - #658C91 | 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 #658C91

#2D2D2D #658C91

Calculate the color between two colors, #2D2D2D and #658C91. 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 - #658C91 | 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 #658C91 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #363C3D	RGB 54 60 61	#363C3D
33.3%	33.3% #3F4C4E	RGB 63 76 78	#3F4C4E
50.0%	50.0% #495C5F	RGB 73 92 95	#495C5F
66.7%	66.7% #526C6F	RGB 82 108 111	#526C6F
83.3%	83.3% #5B7C80	RGB 91 124 128	#5B7C80
100.0%	100.0% #658C91	RGB 101 140 145	#658C91

#2D2D2D #363C3D #3F4C4E #495C5F #526C6F #5B7C80 #658C91

#2D2D2D - #658C91

HSV Blend

#2D2D2D - #658C91 | 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 #658C91 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3A3C	RGB 61 58 60	#3D3A3C
33.3%	33.3% #4E464E	RGB 78 70 78	#4E464E
50.0%	50.0% #58505F	RGB 88 80 95	#58505F
66.7%	66.7% #5A596F	RGB 90 89 111	#5A596F
83.3%	83.3% #5F6D80	RGB 95 109 128	#5F6D80
100.0%	100.0% #658C91	RGB 101 140 145	#658C91

#2D2D2D #3D3A3C #4E464E #58505F #5A596F #5F6D80 #658C91

#2D2D2D - #58505F - #658C91

CSS codes

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

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