#DBDC4C - #A2A714 | 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 #DBDC4C to #A2A714

#DBDC4C #A2A714

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

#DBDC4C - #A2A714 | 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 #DBDC4C as 0% and #A2A714 as 100%.

0.0%	0.0% #DBDC4C	RGB 219 220 76	#DBDC4C
16.7%	16.7% #D1D342	RGB 209 211 66	#D1D342
33.3%	33.3% #C8CA39	RGB 200 202 57	#C8CA39
50.0%	50.0% #BEC130	RGB 190 193 48	#BEC130
66.7%	66.7% #B5B826	RGB 181 184 38	#B5B826
83.3%	83.3% #ABAF1D	RGB 171 175 29	#ABAF1D
100.0%	100.0% #A2A714	RGB 162 167 20	#A2A714

#DBDC4C #D1D342 #C8CA39 #BEC130 #B5B826 #ABAF1D #A2A714

#DBDC4C - #A2A714

HSV Blend

#DBDC4C - #A2A714 | 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 #DBDC4C as 0% and #A2A714 as 100%.

0.0%	0.0% #DBDC4B	RGB 219 220 75	#DBDC4B
16.7%	16.7% #D1D341	RGB 209 211 65	#D1D341
33.3%	33.3% #C7CA36	RGB 199 202 54	#C7CA36
50.0%	50.0% #BEC12D	RGB 190 193 45	#BEC12D
66.7%	66.7% #B4B824	RGB 180 184 36	#B4B824
83.3%	83.3% #ABAF1B	RGB 171 175 27	#ABAF1B
100.0%	100.0% #A2A714	RGB 162 167 20	#A2A714

#DBDC4B #D1D341 #C7CA36 #BEC12D #B4B824 #ABAF1B #A2A714

#DBDC4C - #BEC12D - #A2A714

CSS codes

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

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