#C1DF3C - #ACB80F | 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 #C1DF3C to #ACB80F

#C1DF3C #ACB80F

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

#C1DF3C - #ACB80F | 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 #C1DF3C as 0% and #ACB80F as 100%.

0.0%	0.0% #C1DF3C	RGB 193 223 60	#C1DF3C
16.7%	16.7% #BDD834	RGB 189 216 52	#BDD834
33.3%	33.3% #BAD22D	RGB 186 210 45	#BAD22D
50.0%	50.0% #B6CB25	RGB 182 203 37	#B6CB25
66.7%	66.7% #B3C51E	RGB 179 197 30	#B3C51E
83.3%	83.3% #AFBE16	RGB 175 190 22	#AFBE16
100.0%	100.0% #ACB80F	RGB 172 184 15	#ACB80F

#C1DF3C #BDD834 #BAD22D #B6CB25 #B3C51E #AFBE16 #ACB80F

#C1DF3C - #ACB80F

HSV Blend

#C1DF3C - #ACB80F | 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 #C1DF3C as 0% and #ACB80F as 100%.

0.0%	0.0% #C1DF3C	RGB 193 223 60	#C1DF3C
16.7%	16.7% #BDD833	RGB 189 216 51	#BDD833
33.3%	33.3% #B9D22B	RGB 185 210 43	#B9D22B
50.0%	50.0% #B6CB23	RGB 182 203 35	#B6CB23
66.7%	66.7% #B2C51C	RGB 178 197 28	#B2C51C
83.3%	83.3% #AFBE15	RGB 175 190 21	#AFBE15
100.0%	100.0% #ACB80F	RGB 172 184 15	#ACB80F

#C1DF3C #BDD833 #B9D22B #B6CB23 #B2C51C #AFBE15 #ACB80F

#C1DF3C - #B6CB23 - #ACB80F

CSS codes

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

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