#C5CB5E - #A39F19 | 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 #C5CB5E to #A39F19

#C5CB5E #A39F19

Calculate the color between two colors, #C5CB5E and #A39F19. 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)

#C5CB5E - #A39F19 | 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 #C5CB5E as 0% and #A39F19 as 100%.

0.0%	0.0% #C5CB5E	RGB 197 203 94	#C5CB5E
16.7%	16.7% #BFC352	RGB 191 195 82	#BFC352
33.3%	33.3% #B9BC47	RGB 185 188 71	#B9BC47
50.0%	50.0% #B4B53B	RGB 180 181 59	#B4B53B
66.7%	66.7% #AEAD30	RGB 174 173 48	#AEAD30
83.3%	83.3% #A8A624	RGB 168 166 36	#A8A624
100.0%	100.0% #A39F19	RGB 163 159 25	#A39F19

#C5CB5E #BFC352 #B9BC47 #B4B53B #AEAD30 #A8A624 #A39F19

#C5CB5E - #A39F19

HSV Blend

#C5CB5E - #A39F19 | 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 #C5CB5E as 0% and #A39F19 as 100%.

0.0%	0.0% #C5CB5E	RGB 197 203 94	#C5CB5E
16.7%	16.7% #BFC450	RGB 191 196 80	#BFC450
33.3%	33.3% #BABD44	RGB 186 189 68	#BABD44
50.0%	50.0% #B5B738	RGB 181 183 56	#B5B738
66.7%	66.7% #B0B02D	RGB 176 176 45	#B0B02D
83.3%	83.3% #A9A722	RGB 169 167 34	#A9A722
100.0%	100.0% #A39F19	RGB 163 159 25	#A39F19

#C5CB5E #BFC450 #BABD44 #B5B738 #B0B02D #A9A722 #A39F19

#C5CB5E - #B5B738 - #A39F19

CSS codes

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

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