#4D474C - #DBD563 | 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 #4D474C to #DBD563

#4D474C #DBD563

Calculate the color between two colors, #4D474C and #DBD563. 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)

#4D474C - #DBD563 | 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 #4D474C as 0% and #DBD563 as 100%.

0.0%	0.0% #4D474C	RGB 77 71 76	#4D474C
16.7%	16.7% #645E4F	RGB 100 94 79	#645E4F
33.3%	33.3% #7C7653	RGB 124 118 83	#7C7653
50.0%	50.0% #948E57	RGB 148 142 87	#948E57
66.7%	66.7% #ABA55B	RGB 171 165 91	#ABA55B
83.3%	83.3% #C3BD5F	RGB 195 189 95	#C3BD5F
100.0%	100.0% #DBD563	RGB 219 213 99	#DBD563

#4D474C #645E4F #7C7653 #948E57 #ABA55B #C3BD5F #DBD563

#4D474C - #DBD563

HSV Blend

#4D474C - #DBD563 | 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 #4D474C as 0% and #DBD563 as 100%.

0.0%	0.0% #4D474C	RGB 77 71 76	#4D474C
16.7%	16.7% #64545D	RGB 100 84 93	#64545D
33.3%	33.3% #7C5F66	RGB 124 95 102	#7C5F66
50.0%	50.0% #946865	RGB 148 104 101	#946865
66.7%	66.7% #AB8068	RGB 171 128 104	#AB8068
83.3%	83.3% #C3A367	RGB 195 163 103	#C3A367
100.0%	100.0% #DBD563	RGB 219 213 99	#DBD563

#4D474C #64545D #7C5F66 #946865 #AB8068 #C3A367 #DBD563

#4D474C - #946865 - #DBD563

CSS codes

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

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