#C2D25E - #A6AB1C | 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 #C2D25E to #A6AB1C

#C2D25E #A6AB1C

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

#C2D25E - #A6AB1C | 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 #C2D25E as 0% and #A6AB1C as 100%.

0.0%	0.0% #C2D25E	RGB 194 210 94	#C2D25E
16.7%	16.7% #BDCB53	RGB 189 203 83	#BDCB53
33.3%	33.3% #B8C548	RGB 184 197 72	#B8C548
50.0%	50.0% #B4BE3D	RGB 180 190 61	#B4BE3D
66.7%	66.7% #AFB832	RGB 175 184 50	#AFB832
83.3%	83.3% #AAB127	RGB 170 177 39	#AAB127
100.0%	100.0% #A6AB1C	RGB 166 171 28	#A6AB1C

#C2D25E #BDCB53 #B8C548 #B4BE3D #AFB832 #AAB127 #A6AB1C

#C2D25E - #A6AB1C

HSV Blend

#C2D25E - #A6AB1C | 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 #C2D25E as 0% and #A6AB1C as 100%.

0.0%	0.0% #C2D25E	RGB 194 210 94	#C2D25E
16.7%	16.7% #BCCB51	RGB 188 203 81	#BCCB51
33.3%	33.3% #B7C545	RGB 183 197 69	#B7C545
50.0%	50.0% #B3BE3A	RGB 179 190 58	#B3BE3A
66.7%	66.7% #AEB82F	RGB 174 184 47	#AEB82F
83.3%	83.3% #AAB125	RGB 170 177 37	#AAB125
100.0%	100.0% #A6AB1C	RGB 166 171 28	#A6AB1C

#C2D25E #BCCB51 #B7C545 #B3BE3A #AEB82F #AAB125 #A6AB1C

#C2D25E - #B3BE3A - #A6AB1C

CSS codes

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

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