#DBD76F - #9FAB19 | 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 #DBD76F to #9FAB19

#DBD76F #9FAB19

Calculate the color between two colors, #DBD76F and #9FAB19. 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)

#DBD76F - #9FAB19 | 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 #DBD76F as 0% and #9FAB19 as 100%.

0.0%	0.0% #DBD76F	RGB 219 215 111	#DBD76F
16.7%	16.7% #D1CF60	RGB 209 207 96	#D1CF60
33.3%	33.3% #C7C852	RGB 199 200 82	#C7C852
50.0%	50.0% #BDC144	RGB 189 193 68	#BDC144
66.7%	66.7% #B3B935	RGB 179 185 53	#B3B935
83.3%	83.3% #A9B227	RGB 169 178 39	#A9B227
100.0%	100.0% #9FAB19	RGB 159 171 25	#9FAB19

#DBD76F #D1CF60 #C7C852 #BDC144 #B3B935 #A9B227 #9FAB19

#DBD76F - #9FAB19

HSV Blend

#DBD76F - #9FAB19 | 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 #DBD76F as 0% and #9FAB19 as 100%.

0.0%	0.0% #DBD76F	RGB 219 215 111	#DBD76F
16.7%	16.7% #D3D05E	RGB 211 208 94	#D3D05E
33.3%	33.3% #CACB4E	RGB 202 203 78	#CACB4E
50.0%	50.0% #C0C33F	RGB 192 195 63	#C0C33F
66.7%	66.7% #B5BB31	RGB 181 187 49	#B5BB31
83.3%	83.3% #AAB324	RGB 170 179 36	#AAB324
100.0%	100.0% #9FAB19	RGB 159 171 25	#9FAB19

#DBD76F #D3D05E #CACB4E #C0C33F #B5BB31 #AAB324 #9FAB19

#DBD76F - #C0C33F - #9FAB19

CSS codes

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

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