#2F4A5E - #8C9290 | 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 #2F4A5E to #8C9290

#2F4A5E #8C9290

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

#2F4A5E - #8C9290 | 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 #2F4A5E as 0% and #8C9290 as 100%.

0.0%	0.0% #2F4A5E	RGB 47 74 94	#2F4A5E
16.7%	16.7% #3E5666	RGB 62 86 102	#3E5666
33.3%	33.3% #4E626E	RGB 78 98 110	#4E626E
50.0%	50.0% #5D6E77	RGB 93 110 119	#5D6E77
66.7%	66.7% #6D7A7F	RGB 109 122 127	#6D7A7F
83.3%	83.3% #7C8687	RGB 124 134 135	#7C8687
100.0%	100.0% #8C9290	RGB 140 146 144	#8C9290

#2F4A5E #3E5666 #4E626E #5D6E77 #6D7A7F #7C8687 #8C9290

#2F4A5E - #8C9290

HSV Blend

#2F4A5E - #8C9290 | 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 #2F4A5E as 0% and #8C9290 as 100%.

0.0%	0.0% #2F4A5E	RGB 47 74 94	#2F4A5E
16.7%	16.7% #3B5966	RGB 59 89 102	#3B5966
33.3%	33.3% #48686F	RGB 72 104 111	#48686F
50.0%	50.0% #577678	RGB 87 118 120	#577678
66.7%	66.7% #67807E	RGB 103 128 126	#67807E
83.3%	83.3% #798985	RGB 121 137 133	#798985
100.0%	100.0% #8C9290	RGB 140 146 144	#8C9290

#2F4A5E #3B5966 #48686F #577678 #67807E #798985 #8C9290

#2F4A5E - #577678 - #8C9290

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F4A5E 0%, #577678 50%, #8C9290 100%);
    background: -webkit-linear-gradient(top, #2F4A5E 0%, #577678 50%, #8C9290 100%);
    background: linear-gradient(to bottom, #2F4A5E 0%, #577678 50%, #8C9290 100%);
}
</style>