#DBBC4C - #EBFE66 | 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 #DBBC4C to #EBFE66

#DBBC4C #EBFE66

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

#DBBC4C - #EBFE66 | 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 #DBBC4C as 0% and #EBFE66 as 100%.

0.0%	0.0% #DBBC4C	RGB 219 188 76	#DBBC4C
16.7%	16.7% #DDC750	RGB 221 199 80	#DDC750
33.3%	33.3% #E0D254	RGB 224 210 84	#E0D254
50.0%	50.0% #E3DD59	RGB 227 221 89	#E3DD59
66.7%	66.7% #E5E85D	RGB 229 232 93	#E5E85D
83.3%	83.3% #E8F361	RGB 232 243 97	#E8F361
100.0%	100.0% #EBFE66	RGB 235 254 102	#EBFE66

#DBBC4C #DDC750 #E0D254 #E3DD59 #E5E85D #E8F361 #EBFE66

#DBBC4C - #EBFE66

HSV Blend

#DBBC4C - #EBFE66 | 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 #DBBC4C as 0% and #EBFE66 as 100%.

0.0%	0.0% #DBBC4C	RGB 219 188 76	#DBBC4C
16.7%	16.7% #E0C950	RGB 224 201 80	#E0C950
33.3%	33.3% #E6D754	RGB 230 215 84	#E6D754
50.0%	50.0% #ECE558	RGB 236 229 88	#ECE558
66.7%	66.7% #F0F25C	RGB 240 242 92	#F0F25C
83.3%	83.3% #EDF861	RGB 237 248 97	#EDF861
100.0%	100.0% #EBFE66	RGB 235 254 102	#EBFE66

#DBBC4C #E0C950 #E6D754 #ECE558 #F0F25C #EDF861 #EBFE66

#DBBC4C - #ECE558 - #EBFE66

CSS codes

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

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