#C0BF5C - #C8FCAB | 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 #C0BF5C to #C8FCAB

#C0BF5C #C8FCAB

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

#C0BF5C - #C8FCAB | 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 #C0BF5C as 0% and #C8FCAB as 100%.

0.0%	0.0% #C0BF5C	RGB 192 191 92	#C0BF5C
16.7%	16.7% #C1C969	RGB 193 201 105	#C1C969
33.3%	33.3% #C2D376	RGB 194 211 118	#C2D376
50.0%	50.0% #C4DD83	RGB 196 221 131	#C4DD83
66.7%	66.7% #C5E790	RGB 197 231 144	#C5E790
83.3%	83.3% #C6F19D	RGB 198 241 157	#C6F19D
100.0%	100.0% #C8FCAB	RGB 200 252 171	#C8FCAB

#C0BF5C #C1C969 #C2D376 #C4DD83 #C5E790 #C6F19D #C8FCAB

#C0BF5C - #C8FCAB

HSV Blend

#C0BF5C - #C8FCAB | 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 #C0BF5C as 0% and #C8FCAB as 100%.

0.0%	0.0% #C0BF5C	RGB 192 191 92	#C0BF5C
16.7%	16.7% #C0CA67	RGB 192 202 103	#C0CA67
33.3%	33.3% #C0D473	RGB 192 212 115	#C0D473
50.0%	50.0% #C0DE80	RGB 192 222 128	#C0DE80
66.7%	66.7% #C1E88E	RGB 193 232 142	#C1E88E
83.3%	83.3% #C4F29C	RGB 196 242 156	#C4F29C
100.0%	100.0% #C8FCAB	RGB 200 252 171	#C8FCAB

#C0BF5C #C0CA67 #C0D473 #C0DE80 #C1E88E #C4F29C #C8FCAB

#C0BF5C - #C0DE80 - #C8FCAB

CSS codes

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

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