#5E8370 - #A69FAE | 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 #5E8370 to #A69FAE

#5E8370 #A69FAE

Calculate the color between two colors, #5E8370 and #A69FAE. 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)

#5E8370 - #A69FAE | 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 #5E8370 as 0% and #A69FAE as 100%.

0.0%	0.0% #5E8370	RGB 94 131 112	#5E8370
16.7%	16.7% #6A877A	RGB 106 135 122	#6A877A
33.3%	33.3% #768C84	RGB 118 140 132	#768C84
50.0%	50.0% #82918F	RGB 130 145 143	#82918F
66.7%	66.7% #8E9599	RGB 142 149 153	#8E9599
83.3%	83.3% #9A9AA3	RGB 154 154 163	#9A9AA3
100.0%	100.0% #A69FAE	RGB 166 159 174	#A69FAE

#5E8370 #6A877A #768C84 #82918F #8E9599 #9A9AA3 #A69FAE

#5E8370 - #A69FAE

HSV Blend

#5E8370 - #A69FAE | 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 #5E8370 as 0% and #A69FAE as 100%.

0.0%	0.0% #5E8370	RGB 94 131 112	#5E8370
16.7%	16.7% #678A83	RGB 103 138 131	#678A83
33.3%	33.3% #718C91	RGB 113 140 145	#718C91
50.0%	50.0% #7C8B98	RGB 124 139 152	#7C8B98
66.7%	66.7% #878C9F	RGB 135 140 159	#878C9F
83.3%	83.3% #9592A6	RGB 149 146 166	#9592A6
100.0%	100.0% #A69FAE	RGB 166 159 174	#A69FAE

#5E8370 #678A83 #718C91 #7C8B98 #878C9F #9592A6 #A69FAE

#5E8370 - #7C8B98 - #A69FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8370 0%, #7C8B98 50%, #A69FAE 100%);
    background: -webkit-linear-gradient(top, #5E8370 0%, #7C8B98 50%, #A69FAE 100%);
    background: linear-gradient(to bottom, #5E8370 0%, #7C8B98 50%, #A69FAE 100%);
}
</style>