#DDDC6B - #B9AD23 | 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 #DDDC6B to #B9AD23

#DDDC6B #B9AD23

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

#DDDC6B - #B9AD23 | 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 #DDDC6B as 0% and #B9AD23 as 100%.

0.0%	0.0% #DDDC6B	RGB 221 220 107	#DDDC6B
16.7%	16.7% #D7D45F	RGB 215 212 95	#D7D45F
33.3%	33.3% #D1CC53	RGB 209 204 83	#D1CC53
50.0%	50.0% #CBC447	RGB 203 196 71	#CBC447
66.7%	66.7% #C5BC3B	RGB 197 188 59	#C5BC3B
83.3%	83.3% #BFB42F	RGB 191 180 47	#BFB42F
100.0%	100.0% #B9AD23	RGB 185 173 35	#B9AD23

#DDDC6B #D7D45F #D1CC53 #CBC447 #C5BC3B #BFB42F #B9AD23

#DDDC6B - #B9AD23

HSV Blend

#DDDC6B - #B9AD23 | 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 #DDDC6B as 0% and #B9AD23 as 100%.

0.0%	0.0% #DDDC6B	RGB 221 220 107	#DDDC6B
16.7%	16.7% #D7D45D	RGB 215 212 93	#D7D45D
33.3%	33.3% #D1CC50	RGB 209 204 80	#D1CC50
50.0%	50.0% #CBC544	RGB 203 197 68	#CBC544
66.7%	66.7% #C5BD38	RGB 197 189 56	#C5BD38
83.3%	83.3% #BFB52D	RGB 191 181 45	#BFB52D
100.0%	100.0% #B9AD23	RGB 185 173 35	#B9AD23

#DDDC6B #D7D45D #D1CC50 #CBC544 #C5BD38 #BFB52D #B9AD23

#DDDC6B - #CBC544 - #B9AD23

CSS codes

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

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