#DBDCB2 - #ABAF43 | 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 #DBDCB2 to #ABAF43

#DBDCB2 #ABAF43

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

#DBDCB2 - #ABAF43 | 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 #DBDCB2 as 0% and #ABAF43 as 100%.

0.0%	0.0% #DBDCB2	RGB 219 220 178	#DBDCB2
16.7%	16.7% #D3D49F	RGB 211 212 159	#D3D49F
33.3%	33.3% #CBCD8D	RGB 203 205 141	#CBCD8D
50.0%	50.0% #C3C57A	RGB 195 197 122	#C3C57A
66.7%	66.7% #BBBE68	RGB 187 190 104	#BBBE68
83.3%	83.3% #B3B655	RGB 179 182 85	#B3B655
100.0%	100.0% #ABAF43	RGB 171 175 67	#ABAF43

#DBDCB2 #D3D49F #CBCD8D #C3C57A #BBBE68 #B3B655 #ABAF43

#DBDCB2 - #ABAF43

HSV Blend

#DBDCB2 - #ABAF43 | 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 #DBDCB2 as 0% and #ABAF43 as 100%.

0.0%	0.0% #DBDCB2	RGB 219 220 178	#DBDCB2
16.7%	16.7% #D3D49C	RGB 211 212 156	#D3D49C
33.3%	33.3% #CBCD88	RGB 203 205 136	#CBCD88
50.0%	50.0% #C3C575	RGB 195 197 117	#C3C575
66.7%	66.7% #BBBE63	RGB 187 190 99	#BBBE63
83.3%	83.3% #B3B652	RGB 179 182 82	#B3B652
100.0%	100.0% #ABAF43	RGB 171 175 67	#ABAF43

#DBDCB2 #D3D49C #CBCD88 #C3C575 #BBBE63 #B3B652 #ABAF43

#DBDCB2 - #C3C575 - #ABAF43

CSS codes

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

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