#2F5E3A - #787BB7 | 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 #2F5E3A to #787BB7

#2F5E3A #787BB7

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

#2F5E3A - #787BB7 | 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 #2F5E3A as 0% and #787BB7 as 100%.

0.0%	0.0% #2F5E3A	RGB 47 94 58	#2F5E3A
16.7%	16.7% #3B624E	RGB 59 98 78	#3B624E
33.3%	33.3% #476763	RGB 71 103 99	#476763
50.0%	50.0% #536C78	RGB 83 108 120	#536C78
66.7%	66.7% #5F718D	RGB 95 113 141	#5F718D
83.3%	83.3% #6B76A2	RGB 107 118 162	#6B76A2
100.0%	100.0% #787BB7	RGB 120 123 183	#787BB7

#2F5E3A #3B624E #476763 #536C78 #5F718D #6B76A2 #787BB7

#2F5E3A - #787BB7

HSV Blend

#2F5E3A - #787BB7 | 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 #2F5E3A as 0% and #787BB7 as 100%.

0.0%	0.0% #2F5E3A	RGB 47 94 58	#2F5E3A
16.7%	16.7% #396C54	RGB 57 108 84	#396C54
33.3%	33.3% #447B70	RGB 68 123 112	#447B70
50.0%	50.0% #50858A	RGB 80 133 138	#50858A
66.7%	66.7% #5C8299	RGB 92 130 153	#5C8299
83.3%	83.3% #697EA8	RGB 105 126 168	#697EA8
100.0%	100.0% #787BB7	RGB 120 123 183	#787BB7

#2F5E3A #396C54 #447B70 #50858A #5C8299 #697EA8 #787BB7

#2F5E3A - #50858A - #787BB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E3A 0%, #50858A 50%, #787BB7 100%);
    background: -webkit-linear-gradient(top, #2F5E3A 0%, #50858A 50%, #787BB7 100%);
    background: linear-gradient(to bottom, #2F5E3A 0%, #50858A 50%, #787BB7 100%);
}
</style>