#DBD05E - #C7FF7E | 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 #DBD05E to #C7FF7E

#DBD05E #C7FF7E

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

#DBD05E - #C7FF7E | 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 #DBD05E as 0% and #C7FF7E as 100%.

0.0%	0.0% #DBD05E	RGB 219 208 94	#DBD05E
16.7%	16.7% #D7D763	RGB 215 215 99	#D7D763
33.3%	33.3% #D4DF68	RGB 212 223 104	#D4DF68
50.0%	50.0% #D1E76E	RGB 209 231 110	#D1E76E
66.7%	66.7% #CDEF73	RGB 205 239 115	#CDEF73
83.3%	83.3% #CAF778	RGB 202 247 120	#CAF778
100.0%	100.0% #C7FF7E	RGB 199 255 126	#C7FF7E

#DBD05E #D7D763 #D4DF68 #D1E76E #CDEF73 #CAF778 #C7FF7E

#DBD05E - #C7FF7E

HSV Blend

#DBD05E - #C7FF7E | 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 #DBD05E as 0% and #C7FF7E as 100%.

0.0%	0.0% #DBD05E	RGB 219 208 94	#DBD05E
16.7%	16.7% #E1E063	RGB 225 224 99	#E1E063
33.3%	33.3% #DCE768	RGB 220 231 104	#DCE768
50.0%	50.0% #D6ED6D	RGB 214 237 109	#D6ED6D
66.7%	66.7% #D1F372	RGB 209 243 114	#D1F372
83.3%	83.3% #CCF978	RGB 204 249 120	#CCF978
100.0%	100.0% #C7FF7E	RGB 199 255 126	#C7FF7E

#DBD05E #E1E063 #DCE768 #D6ED6D #D1F372 #CCF978 #C7FF7E

#DBD05E - #D6ED6D - #C7FF7E

CSS codes

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

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