#365D5E - #A8A992 | 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 #365D5E to #A8A992

#365D5E #A8A992

Calculate the color between two colors, #365D5E and #A8A992. 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)

#365D5E - #A8A992 | 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 #365D5E as 0% and #A8A992 as 100%.

0.0%	0.0% #365D5E	RGB 54 93 94	#365D5E
16.7%	16.7% #496966	RGB 73 105 102	#496966
33.3%	33.3% #5C766F	RGB 92 118 111	#5C766F
50.0%	50.0% #6F8378	RGB 111 131 120	#6F8378
66.7%	66.7% #828F80	RGB 130 143 128	#828F80
83.3%	83.3% #959C89	RGB 149 156 137	#959C89
100.0%	100.0% #A8A992	RGB 168 169 146	#A8A992

#365D5E #496966 #5C766F #6F8378 #828F80 #959C89 #A8A992

#365D5E - #A8A992

HSV Blend

#365D5E - #A8A992 | 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 #365D5E as 0% and #A8A992 as 100%.

0.0%	0.0% #365D5E	RGB 54 93 94	#365D5E
16.7%	16.7% #426A5E	RGB 66 106 94	#426A5E
33.3%	33.3% #4F775E	RGB 79 119 94	#4F775E
50.0%	50.0% #5E835F	RGB 94 131 95	#5E835F
66.7%	66.7% #78906E	RGB 120 144 110	#78906E
83.3%	83.3% #919C7F	RGB 145 156 127	#919C7F
100.0%	100.0% #A8A992	RGB 168 169 146	#A8A992

#365D5E #426A5E #4F775E #5E835F #78906E #919C7F #A8A992

#365D5E - #5E835F - #A8A992

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #365D5E 0%, #5E835F 50%, #A8A992 100%);
    background: -webkit-linear-gradient(top, #365D5E 0%, #5E835F 50%, #A8A992 100%);
    background: linear-gradient(to bottom, #365D5E 0%, #5E835F 50%, #A8A992 100%);
}
</style>