#DCDA6B - #B7AA23 | 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 #DCDA6B to #B7AA23

#DCDA6B #B7AA23

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

#DCDA6B - #B7AA23 | 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 #DCDA6B as 0% and #B7AA23 as 100%.

0.0%	0.0% #DCDA6B	RGB 220 218 107	#DCDA6B
16.7%	16.7% #D5D25F	RGB 213 210 95	#D5D25F
33.3%	33.3% #CFCA53	RGB 207 202 83	#CFCA53
50.0%	50.0% #C9C247	RGB 201 194 71	#C9C247
66.7%	66.7% #C3BA3B	RGB 195 186 59	#C3BA3B
83.3%	83.3% #BDB22F	RGB 189 178 47	#BDB22F
100.0%	100.0% #B7AA23	RGB 183 170 35	#B7AA23

#DCDA6B #D5D25F #CFCA53 #C9C247 #C3BA3B #BDB22F #B7AA23

#DCDA6B - #B7AA23

HSV Blend

#DCDA6B - #B7AA23 | 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 #DCDA6B as 0% and #B7AA23 as 100%.

0.0%	0.0% #DCDA6B	RGB 220 218 107	#DCDA6B
16.7%	16.7% #D5D25D	RGB 213 210 93	#D5D25D
33.3%	33.3% #CFCA50	RGB 207 202 80	#CFCA50
50.0%	50.0% #C9C244	RGB 201 194 68	#C9C244
66.7%	66.7% #C3BA38	RGB 195 186 56	#C3BA38
83.3%	83.3% #BDB22D	RGB 189 178 45	#BDB22D
100.0%	100.0% #B7AA23	RGB 183 170 35	#B7AA23

#DCDA6B #D5D25D #CFCA50 #C9C244 #C3BA38 #BDB22D #B7AA23

#DCDA6B - #C9C244 - #B7AA23

CSS codes

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

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