#5D5E40 - #CAD065 | 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 #5D5E40 to #CAD065

#5D5E40 #CAD065

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

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

0.0%	0.0% #5D5E40	RGB 93 94 64	#5D5E40
16.7%	16.7% #6F7146	RGB 111 113 70	#6F7146
33.3%	33.3% #81844C	RGB 129 132 76	#81844C
50.0%	50.0% #939752	RGB 147 151 82	#939752
66.7%	66.7% #A5AA58	RGB 165 170 88	#A5AA58
83.3%	83.3% #B7BD5E	RGB 183 189 94	#B7BD5E
100.0%	100.0% #CAD065	RGB 202 208 101	#CAD065

#5D5E40 #6F7146 #81844C #939752 #A5AA58 #B7BD5E #CAD065

#5D5E40 - #CAD065

HSV Blend

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

0.0%	0.0% #5D5E40	RGB 93 94 64	#5D5E40
16.7%	16.7% #6F7149	RGB 111 113 73	#6F7149
33.3%	33.3% #818451	RGB 129 132 81	#818451
50.0%	50.0% #949758	RGB 148 151 88	#949758
66.7%	66.7% #A6AA5D	RGB 166 170 93	#A6AA5D
83.3%	83.3% #B8BD61	RGB 184 189 97	#B8BD61
100.0%	100.0% #CAD065	RGB 202 208 101	#CAD065

#5D5E40 #6F7149 #818451 #949758 #A6AA5D #B8BD61 #CAD065

#5D5E40 - #949758 - #CAD065

CSS codes

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

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