#C1AB3E - #D4FF4D | 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 #C1AB3E to #D4FF4D

#C1AB3E #D4FF4D

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

#C1AB3E - #D4FF4D | 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 #C1AB3E as 0% and #D4FF4D as 100%.

0.0%	0.0% #C1AB3E	RGB 193 171 62	#C1AB3E
16.7%	16.7% #C4B940	RGB 196 185 64	#C4B940
33.3%	33.3% #C7C743	RGB 199 199 67	#C7C743
50.0%	50.0% #CAD545	RGB 202 213 69	#CAD545
66.7%	66.7% #CDE348	RGB 205 227 72	#CDE348
83.3%	83.3% #D0F14A	RGB 208 241 74	#D0F14A
100.0%	100.0% #D4FF4D	RGB 212 255 77	#D4FF4D

#C1AB3E #C4B940 #C7C743 #CAD545 #CDE348 #D0F14A #D4FF4D

#C1AB3E - #D4FF4D

HSV Blend

#C1AB3E - #D4FF4D | 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 #C1AB3E as 0% and #D4FF4D as 100%.

0.0%	0.0% #C1AB3E	RGB 193 171 62	#C1AB3E
16.7%	16.7% #CBBD40	RGB 203 189 64	#CBBD40
33.3%	33.3% #D5D143	RGB 213 209 67	#D5D143
50.0%	50.0% #DAE045	RGB 218 224 69	#DAE045
66.7%	66.7% #D9EA48	RGB 217 234 72	#D9EA48
83.3%	83.3% #D7F44A	RGB 215 244 74	#D7F44A
100.0%	100.0% #D4FF4D	RGB 212 255 77	#D4FF4D

#C1AB3E #CBBD40 #D5D143 #DAE045 #D9EA48 #D7F44A #D4FF4D

#C1AB3E - #DAE045 - #D4FF4D

CSS codes

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

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