#5E7C8D - #D5D6AF | 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 #5E7C8D to #D5D6AF

#5E7C8D #D5D6AF

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

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

0.0%	0.0% #5E7C8D	RGB 94 124 141	#5E7C8D
16.7%	16.7% #718B92	RGB 113 139 146	#718B92
33.3%	33.3% #859A98	RGB 133 154 152	#859A98
50.0%	50.0% #99A99E	RGB 153 169 158	#99A99E
66.7%	66.7% #ADB8A3	RGB 173 184 163	#ADB8A3
83.3%	83.3% #C1C7A9	RGB 193 199 169	#C1C7A9
100.0%	100.0% #D5D6AF	RGB 213 214 175	#D5D6AF

#5E7C8D #718B92 #859A98 #99A99E #ADB8A3 #C1C7A9 #D5D6AF

#5E7C8D - #D5D6AF

HSV Blend

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

0.0%	0.0% #5E7C8D	RGB 94 124 141	#5E7C8D
16.7%	16.7% #699997	RGB 105 153 151	#699997
33.3%	33.3% #76A591	RGB 118 165 145	#76A591
50.0%	50.0% #83B18C	RGB 131 177 140	#83B18C
66.7%	66.7% #9ABD91	RGB 154 189 145	#9ABD91
83.3%	83.3% #B8C99F	RGB 184 201 159	#B8C99F
100.0%	100.0% #D5D6AF	RGB 213 214 175	#D5D6AF

#5E7C8D #699997 #76A591 #83B18C #9ABD91 #B8C99F #D5D6AF

#5E7C8D - #83B18C - #D5D6AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7C8D 0%, #83B18C 50%, #D5D6AF 100%);
    background: -webkit-linear-gradient(top, #5E7C8D 0%, #83B18C 50%, #D5D6AF 100%);
    background: linear-gradient(to bottom, #5E7C8D 0%, #83B18C 50%, #D5D6AF 100%);
}
</style>