#2D5E4F - #959A91 | 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 #2D5E4F to #959A91

#2D5E4F #959A91

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

#2D5E4F - #959A91 | 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 #2D5E4F as 0% and #959A91 as 100%.

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #3E685A	RGB 62 104 90	#3E685A
33.3%	33.3% #4F7265	RGB 79 114 101	#4F7265
50.0%	50.0% #617C70	RGB 97 124 112	#617C70
66.7%	66.7% #72867B	RGB 114 134 123	#72867B
83.3%	83.3% #839086	RGB 131 144 134	#839086
100.0%	100.0% #959A91	RGB 149 154 145	#959A91

#2D5E4F #3E685A #4F7265 #617C70 #72867B #839086 #959A91

#2D5E4F - #959A91

HSV Blend

#2D5E4F - #959A91 | 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 #2D5E4F as 0% and #959A91 as 100%.

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #396851	RGB 57 104 81	#396851
33.3%	33.3% #487255	RGB 72 114 85	#487255
50.0%	50.0% #587C5C	RGB 88 124 92	#587C5C
66.7%	66.7% #6B8669	RGB 107 134 105	#6B8669
83.3%	83.3% #81907C	RGB 129 144 124	#81907C
100.0%	100.0% #959A91	RGB 149 154 145	#959A91

#2D5E4F #396851 #487255 #587C5C #6B8669 #81907C #959A91

#2D5E4F - #587C5C - #959A91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E4F 0%, #587C5C 50%, #959A91 100%);
    background: -webkit-linear-gradient(top, #2D5E4F 0%, #587C5C 50%, #959A91 100%);
    background: linear-gradient(to bottom, #2D5E4F 0%, #587C5C 50%, #959A91 100%);
}
</style>