#2F5E3D - #767CBB | 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 #2F5E3D to #767CBB

#2F5E3D #767CBB

Calculate the color between two colors, #2F5E3D and #767CBB. 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)

#2F5E3D - #767CBB | 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 #2F5E3D as 0% and #767CBB as 100%.

0.0%	0.0% #2F5E3D	RGB 47 94 61	#2F5E3D
16.7%	16.7% #3A6352	RGB 58 99 82	#3A6352
33.3%	33.3% #466867	RGB 70 104 103	#466867
50.0%	50.0% #526D7C	RGB 82 109 124	#526D7C
66.7%	66.7% #5E7291	RGB 94 114 145	#5E7291
83.3%	83.3% #6A77A6	RGB 106 119 166	#6A77A6
100.0%	100.0% #767CBB	RGB 118 124 187	#767CBB

#2F5E3D #3A6352 #466867 #526D7C #5E7291 #6A77A6 #767CBB

#2F5E3D - #767CBB

HSV Blend

#2F5E3D - #767CBB | 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 #2F5E3D as 0% and #767CBB as 100%.

0.0%	0.0% #2F5E3D	RGB 47 94 61	#2F5E3D
16.7%	16.7% #396D56	RGB 57 109 86	#396D56
33.3%	33.3% #437D73	RGB 67 125 115	#437D73
50.0%	50.0% #4F868C	RGB 79 134 140	#4F868C
66.7%	66.7% #5B839C	RGB 91 131 156	#5B839C
83.3%	83.3% #6880AB	RGB 104 128 171	#6880AB
100.0%	100.0% #767CBB	RGB 118 124 187	#767CBB

#2F5E3D #396D56 #437D73 #4F868C #5B839C #6880AB #767CBB

#2F5E3D - #4F868C - #767CBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E3D 0%, #4F868C 50%, #767CBB 100%);
    background: -webkit-linear-gradient(top, #2F5E3D 0%, #4F868C 50%, #767CBB 100%);
    background: linear-gradient(to bottom, #2F5E3D 0%, #4F868C 50%, #767CBB 100%);
}
</style>