#2D4F5E - #919A92 | 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 #2D4F5E to #919A92

#2D4F5E #919A92

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

#2D4F5E - #919A92 | 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 #2D4F5E as 0% and #919A92 as 100%.

0.0%	0.0% #2D4F5E	RGB 45 79 94	#2D4F5E
16.7%	16.7% #3D5B66	RGB 61 91 102	#3D5B66
33.3%	33.3% #4E686F	RGB 78 104 111	#4E686F
50.0%	50.0% #5F7478	RGB 95 116 120	#5F7478
66.7%	66.7% #6F8180	RGB 111 129 128	#6F8180
83.3%	83.3% #808D89	RGB 128 141 137	#808D89
100.0%	100.0% #919A92	RGB 145 154 146	#919A92

#2D4F5E #3D5B66 #4E686F #5F7478 #6F8180 #808D89 #919A92

#2D4F5E - #919A92

HSV Blend

#2D4F5E - #919A92 | 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 #2D4F5E as 0% and #919A92 as 100%.

0.0%	0.0% #2D4F5E	RGB 45 79 94	#2D4F5E
16.7%	16.7% #396368	RGB 57 99 104	#396368
33.3%	33.3% #48726E	RGB 72 114 110	#48726E
50.0%	50.0% #587C71	RGB 88 124 113	#587C71
66.7%	66.7% #698678	RGB 105 134 120	#698678
83.3%	83.3% #7C9082	RGB 124 144 130	#7C9082
100.0%	100.0% #919A92	RGB 145 154 146	#919A92

#2D4F5E #396368 #48726E #587C71 #698678 #7C9082 #919A92

#2D4F5E - #587C71 - #919A92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4F5E 0%, #587C71 50%, #919A92 100%);
    background: -webkit-linear-gradient(top, #2D4F5E 0%, #587C71 50%, #919A92 100%);
    background: linear-gradient(to bottom, #2D4F5E 0%, #587C71 50%, #919A92 100%);
}
</style>