#DCEA5E - #CBC91A | 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 #DCEA5E to #CBC91A

#DCEA5E #CBC91A

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

#DCEA5E - #CBC91A | 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 #DCEA5E as 0% and #CBC91A as 100%.

0.0%	0.0% #DCEA5E	RGB 220 234 94	#DCEA5E
16.7%	16.7% #D9E452	RGB 217 228 82	#D9E452
33.3%	33.3% #D6DF47	RGB 214 223 71	#D6DF47
50.0%	50.0% #D3D93C	RGB 211 217 60	#D3D93C
66.7%	66.7% #D0D430	RGB 208 212 48	#D0D430
83.3%	83.3% #CDCE25	RGB 205 206 37	#CDCE25
100.0%	100.0% #CBC91A	RGB 203 201 26	#CBC91A

#DCEA5E #D9E452 #D6DF47 #D3D93C #D0D430 #CDCE25 #CBC91A

#DCEA5E - #CBC91A

HSV Blend

#DCEA5E - #CBC91A | 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 #DCEA5E as 0% and #CBC91A as 100%.

0.0%	0.0% #DCEA5E	RGB 220 234 94	#DCEA5E
16.7%	16.7% #D8E451	RGB 216 228 81	#D8E451
33.3%	33.3% #D5DF45	RGB 213 223 69	#D5DF45
50.0%	50.0% #D3DA39	RGB 211 218 57	#D3DA39
66.7%	66.7% #D1D52E	RGB 209 213 46	#D1D52E
83.3%	83.3% #CED024	RGB 206 208 36	#CED024
100.0%	100.0% #CBC91A	RGB 203 201 26	#CBC91A

#DCEA5E #D8E451 #D5DF45 #D3DA39 #D1D52E #CED024 #CBC91A

#DCEA5E - #D3DA39 - #CBC91A

CSS codes

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

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