#CDCF8C - #939A2E | 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 #CDCF8C to #939A2E

#CDCF8C #939A2E

Calculate the color between two colors, #CDCF8C and #939A2E. 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)

#CDCF8C - #939A2E | 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 #CDCF8C as 0% and #939A2E as 100%.

0.0%	0.0% #CDCF8C	RGB 205 207 140	#CDCF8C
16.7%	16.7% #C3C67C	RGB 195 198 124	#C3C67C
33.3%	33.3% #B9BD6C	RGB 185 189 108	#B9BD6C
50.0%	50.0% #B0B45D	RGB 176 180 93	#B0B45D
66.7%	66.7% #A6AB4D	RGB 166 171 77	#A6AB4D
83.3%	83.3% #9CA23D	RGB 156 162 61	#9CA23D
100.0%	100.0% #939A2E	RGB 147 154 46	#939A2E

#CDCF8C #C3C67C #B9BD6C #B0B45D #A6AB4D #9CA23D #939A2E

#CDCF8C - #939A2E

HSV Blend

#CDCF8C - #939A2E | 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 #CDCF8C as 0% and #939A2E as 100%.

0.0%	0.0% #CDCF8C	RGB 205 207 140	#CDCF8C
16.7%	16.7% #C3C679	RGB 195 198 121	#C3C679
33.3%	33.3% #B9BD68	RGB 185 189 104	#B9BD68
50.0%	50.0% #B0B457	RGB 176 180 87	#B0B457
66.7%	66.7% #A6AB48	RGB 166 171 72	#A6AB48
83.3%	83.3% #9CA23A	RGB 156 162 58	#9CA23A
100.0%	100.0% #939A2E	RGB 147 154 46	#939A2E

#CDCF8C #C3C679 #B9BD68 #B0B457 #A6AB48 #9CA23A #939A2E

#CDCF8C - #B0B457 - #939A2E

CSS codes

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

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