#C9C92D - #6A7000 | 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 #C9C92D to #6A7000

#C9C92D #6A7000

Calculate the color between two colors, #C9C92D and #6A7000. 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)

#C9C92D - #6A7000 | 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 #C9C92D as 0% and #6A7000 as 100%.

0.0%	0.0% #C9C92D	RGB 201 201 45	#C9C92D
16.7%	16.7% #B9BA25	RGB 185 186 37	#B9BA25
33.3%	33.3% #A9AB1E	RGB 169 171 30	#A9AB1E
50.0%	50.0% #999C16	RGB 153 156 22	#999C16
66.7%	66.7% #898D0E	RGB 137 141 14	#898D0E
83.3%	83.3% #797E07	RGB 121 126 7	#797E07
100.0%	100.0% #6A7000	RGB 106 112 0	#6A7000

#C9C92D #B9BA25 #A9AB1E #999C16 #898D0E #797E07 #6A7000

#C9C92D - #6A7000

HSV Blend

#C9C92D - #6A7000 | 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 #C9C92D as 0% and #6A7000 as 100%.

0.0%	0.0% #C9C92D	RGB 201 201 45	#C9C92D
16.7%	16.7% #B8BA22	RGB 184 186 34	#B8BA22
33.3%	33.3% #A8AB19	RGB 168 171 25	#A8AB19
50.0%	50.0% #989C11	RGB 152 156 17	#989C11
66.7%	66.7% #888D0A	RGB 136 141 10	#888D0A
83.3%	83.3% #797E04	RGB 121 126 4	#797E04
100.0%	100.0% #6A7000	RGB 106 112 0	#6A7000

#C9C92D #B8BA22 #A8AB19 #989C11 #888D0A #797E04 #6A7000

#C9C92D - #989C11 - #6A7000

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C92D 0%, #989C11 50%, #6A7000 100%);
    background: -webkit-linear-gradient(top, #C9C92D 0%, #989C11 50%, #6A7000 100%);
    background: linear-gradient(to bottom, #C9C92D 0%, #989C11 50%, #6A7000 100%);
}
</style>