#DADA6B - #B5AA23 | 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 #DADA6B to #B5AA23

#DADA6B #B5AA23

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

#DADA6B - #B5AA23 | 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 #DADA6B as 0% and #B5AA23 as 100%.

0.0%	0.0% #DADA6B	RGB 218 218 107	#DADA6B
16.7%	16.7% #D3D25F	RGB 211 210 95	#D3D25F
33.3%	33.3% #CDCA53	RGB 205 202 83	#CDCA53
50.0%	50.0% #C7C247	RGB 199 194 71	#C7C247
66.7%	66.7% #C1BA3B	RGB 193 186 59	#C1BA3B
83.3%	83.3% #BBB22F	RGB 187 178 47	#BBB22F
100.0%	100.0% #B5AA23	RGB 181 170 35	#B5AA23

#DADA6B #D3D25F #CDCA53 #C7C247 #C1BA3B #BBB22F #B5AA23

#DADA6B - #B5AA23

HSV Blend

#DADA6B - #B5AA23 | 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 #DADA6B as 0% and #B5AA23 as 100%.

0.0%	0.0% #DADA6B	RGB 218 218 107	#DADA6B
16.7%	16.7% #D3D25D	RGB 211 210 93	#D3D25D
33.3%	33.3% #CDCA50	RGB 205 202 80	#CDCA50
50.0%	50.0% #C7C244	RGB 199 194 68	#C7C244
66.7%	66.7% #C1BA38	RGB 193 186 56	#C1BA38
83.3%	83.3% #BBB22D	RGB 187 178 45	#BBB22D
100.0%	100.0% #B5AA23	RGB 181 170 35	#B5AA23

#DADA6B #D3D25D #CDCA50 #C7C244 #C1BA38 #BBB22D #B5AA23

#DADA6B - #C7C244 - #B5AA23

CSS codes

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

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