#5E5B5B - #DEDF7F | 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 #5E5B5B to #DEDF7F

#5E5B5B #DEDF7F

Calculate the color between two colors, #5E5B5B and #DEDF7F. 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)

#5E5B5B - #DEDF7F | 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 #5E5B5B as 0% and #DEDF7F as 100%.

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #737161	RGB 115 113 97	#737161
33.3%	33.3% #888767	RGB 136 135 103	#888767
50.0%	50.0% #9E9D6D	RGB 158 157 109	#9E9D6D
66.7%	66.7% #B3B373	RGB 179 179 115	#B3B373
83.3%	83.3% #C8C979	RGB 200 201 121	#C8C979
100.0%	100.0% #DEDF7F	RGB 222 223 127	#DEDF7F

#5E5B5B #737161 #888767 #9E9D6D #B3B373 #C8C979 #DEDF7F

#5E5B5B - #DEDF7F

HSV Blend

#5E5B5B - #DEDF7F | 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 #5E5B5B as 0% and #DEDF7F as 100%.

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #736A68	RGB 115 106 104	#736A68
33.3%	33.3% #897A72	RGB 137 122 114	#897A72
50.0%	50.0% #9E8C79	RGB 158 140 121	#9E8C79
66.7%	66.7% #B4A27E	RGB 180 162 126	#B4A27E
83.3%	83.3% #C9BD80	RGB 201 189 128	#C9BD80
100.0%	100.0% #DEDF7F	RGB 222 223 127	#DEDF7F

#5E5B5B #736A68 #897A72 #9E8C79 #B4A27E #C9BD80 #DEDF7F

#5E5B5B - #9E8C79 - #DEDF7F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B5B 0%, #9E8C79 50%, #DEDF7F 100%);
    background: -webkit-linear-gradient(top, #5E5B5B 0%, #9E8C79 50%, #DEDF7F 100%);
    background: linear-gradient(to bottom, #5E5B5B 0%, #9E8C79 50%, #DEDF7F 100%);
}
</style>