#DDDF9F - #B1B52E | 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 #DDDF9F to #B1B52E

#DDDF9F #B1B52E

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

#DDDF9F - #B1B52E | 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 #DDDF9F as 0% and #B1B52E as 100%.

0.0%	0.0% #DDDF9F	RGB 221 223 159	#DDDF9F
16.7%	16.7% #D5D88C	RGB 213 216 140	#D5D88C
33.3%	33.3% #CED179	RGB 206 209 121	#CED179
50.0%	50.0% #C7CA66	RGB 199 202 102	#C7CA66
66.7%	66.7% #BFC353	RGB 191 195 83	#BFC353
83.3%	83.3% #B8BC40	RGB 184 188 64	#B8BC40
100.0%	100.0% #B1B52E	RGB 177 181 46	#B1B52E

#DDDF9F #D5D88C #CED179 #C7CA66 #BFC353 #B8BC40 #B1B52E

#DDDF9F - #B1B52E

HSV Blend

#DDDF9F - #B1B52E | 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 #DDDF9F as 0% and #B1B52E as 100%.

0.0%	0.0% #DDDF9F	RGB 221 223 159	#DDDF9F
16.7%	16.7% #D5D889	RGB 213 216 137	#D5D889
33.3%	33.3% #CED175	RGB 206 209 117	#CED175
50.0%	50.0% #C6CA61	RGB 198 202 97	#C6CA61
66.7%	66.7% #BFC34F	RGB 191 195 79	#BFC34F
83.3%	83.3% #B8BC3E	RGB 184 188 62	#B8BC3E
100.0%	100.0% #B1B52E	RGB 177 181 46	#B1B52E

#DDDF9F #D5D889 #CED175 #C6CA61 #BFC34F #B8BC3E #B1B52E

#DDDF9F - #C6CA61 - #B1B52E

CSS codes

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

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