#5E5E4D - #9F8BB4 | 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 #5E5E4D to #9F8BB4

#5E5E4D #9F8BB4

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

#5E5E4D - #9F8BB4 | 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 #5E5E4D as 0% and #9F8BB4 as 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #68655E	RGB 104 101 94	#68655E
33.3%	33.3% #736D6F	RGB 115 109 111	#736D6F
50.0%	50.0% #7E7480	RGB 126 116 128	#7E7480
66.7%	66.7% #897C91	RGB 137 124 145	#897C91
83.3%	83.3% #9483A2	RGB 148 131 162	#9483A2
100.0%	100.0% #9F8BB4	RGB 159 139 180	#9F8BB4

#5E5E4D #68655E #736D6F #7E7480 #897C91 #9483A2 #9F8BB4

#5E5E4D - #9F8BB4

HSV Blend

#5E5E4D - #9F8BB4 | 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 #5E5E4D as 0% and #9F8BB4 as 100%.

0.0%	0.0% #5E5E4D	RGB 94 94 77	#5E5E4D
16.7%	16.7% #6C6357	RGB 108 99 87	#6C6357
33.3%	33.3% #7A6662	RGB 122 102 98	#7A6662
50.0%	50.0% #896D74	RGB 137 109 116	#896D74
66.7%	66.7% #97778C	RGB 151 119 140	#97778C
83.3%	83.3% #A281A5	RGB 162 129 165	#A281A5
100.0%	100.0% #9F8BB4	RGB 159 139 180	#9F8BB4

#5E5E4D #6C6357 #7A6662 #896D74 #97778C #A281A5 #9F8BB4

#5E5E4D - #896D74 - #9F8BB4

CSS codes

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

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