#C0CE5D - #819B1B | 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 #C0CE5D to #819B1B

#C0CE5D #819B1B

Calculate the color between two colors, #C0CE5D and #819B1B. 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)

#C0CE5D - #819B1B | 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 #C0CE5D as 0% and #819B1B as 100%.

0.0%	0.0% #C0CE5D	RGB 192 206 93	#C0CE5D
16.7%	16.7% #B5C552	RGB 181 197 82	#B5C552
33.3%	33.3% #ABBD47	RGB 171 189 71	#ABBD47
50.0%	50.0% #A0B43C	RGB 160 180 60	#A0B43C
66.7%	66.7% #96AC31	RGB 150 172 49	#96AC31
83.3%	83.3% #8BA326	RGB 139 163 38	#8BA326
100.0%	100.0% #819B1B	RGB 129 155 27	#819B1B

#C0CE5D #B5C552 #ABBD47 #A0B43C #96AC31 #8BA326 #819B1B

#C0CE5D - #819B1B

HSV Blend

#C0CE5D - #819B1B | 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 #C0CE5D as 0% and #819B1B as 100%.

0.0%	0.0% #C0CE5D	RGB 192 206 93	#C0CE5D
16.7%	16.7% #B5C550	RGB 181 197 80	#B5C550
33.3%	33.3% #AABD43	RGB 170 189 67	#AABD43
50.0%	50.0% #A0B438	RGB 160 180 56	#A0B438
66.7%	66.7% #95AC2D	RGB 149 172 45	#95AC2D
83.3%	83.3% #8BA324	RGB 139 163 36	#8BA324
100.0%	100.0% #819B1B	RGB 129 155 27	#819B1B

#C0CE5D #B5C550 #AABD43 #A0B438 #95AC2D #8BA324 #819B1B

#C0CE5D - #A0B438 - #819B1B

CSS codes

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

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