#DBCF5E - #8B8118 | 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 #DBCF5E to #8B8118

#DBCF5E #8B8118

Calculate the color between two colors, #DBCF5E and #8B8118. 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)

#DBCF5E - #8B8118 | 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 #DBCF5E as 0% and #8B8118 as 100%.

0.0%	0.0% #DBCF5E	RGB 219 207 94	#DBCF5E
16.7%	16.7% #CDC252	RGB 205 194 82	#CDC252
33.3%	33.3% #C0B546	RGB 192 181 70	#C0B546
50.0%	50.0% #B3A83B	RGB 179 168 59	#B3A83B
66.7%	66.7% #A59B2F	RGB 165 155 47	#A59B2F
83.3%	83.3% #988E23	RGB 152 142 35	#988E23
100.0%	100.0% #8B8118	RGB 139 129 24	#8B8118

#DBCF5E #CDC252 #C0B546 #B3A83B #A59B2F #988E23 #8B8118

#DBCF5E - #8B8118

HSV Blend

#DBCF5E - #8B8118 | 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 #DBCF5E as 0% and #8B8118 as 100%.

0.0%	0.0% #DBCF5E	RGB 219 207 94	#DBCF5E
16.7%	16.7% #CDC14F	RGB 205 193 79	#CDC14F
33.3%	33.3% #C0B442	RGB 192 180 66	#C0B442
50.0%	50.0% #B3A735	RGB 179 167 53	#B3A735
66.7%	66.7% #A59A2A	RGB 165 154 42	#A59A2A
83.3%	83.3% #988D20	RGB 152 141 32	#988D20
100.0%	100.0% #8B8118	RGB 139 129 24	#8B8118

#DBCF5E #CDC14F #C0B442 #B3A735 #A59A2A #988D20 #8B8118

#DBCF5E - #B3A735 - #8B8118

CSS codes

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

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