#C7DB4A - #88A814 | 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 #C7DB4A to #88A814

#C7DB4A #88A814

Calculate the color between two colors, #C7DB4A and #88A814. 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)

#C7DB4A - #88A814 | 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 #C7DB4A as 0% and #88A814 as 100%.

0.0%	0.0% #C7DB4A	RGB 199 219 74	#C7DB4A
16.7%	16.7% #BCD241	RGB 188 210 65	#BCD241
33.3%	33.3% #B2CA38	RGB 178 202 56	#B2CA38
50.0%	50.0% #A7C12F	RGB 167 193 47	#A7C12F
66.7%	66.7% #9DB926	RGB 157 185 38	#9DB926
83.3%	83.3% #92B01D	RGB 146 176 29	#92B01D
100.0%	100.0% #88A814	RGB 136 168 20	#88A814

#C7DB4A #BCD241 #B2CA38 #A7C12F #9DB926 #92B01D #88A814

#C7DB4A - #88A814

HSV Blend

#C7DB4A - #88A814 | 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 #C7DB4A as 0% and #88A814 as 100%.

0.0%	0.0% #C7DB49	RGB 199 219 73	#C7DB49
16.7%	16.7% #BCD23F	RGB 188 210 63	#BCD23F
33.3%	33.3% #B1CA35	RGB 177 202 53	#B1CA35
50.0%	50.0% #A7C12C	RGB 167 193 44	#A7C12C
66.7%	66.7% #9CB923	RGB 156 185 35	#9CB923
83.3%	83.3% #92B01B	RGB 146 176 27	#92B01B
100.0%	100.0% #88A814	RGB 136 168 20	#88A814

#C7DB49 #BCD23F #B1CA35 #A7C12C #9CB923 #92B01B #88A814

#C7DB4A - #A7C12C - #88A814

CSS codes

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

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