#5F7E5E - #D1DAD1 | 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 #5F7E5E to #D1DAD1

#5F7E5E #D1DAD1

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

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

0.0%	0.0% #5F7E5E	RGB 95 126 94	#5F7E5E
16.7%	16.7% #728D71	RGB 114 141 113	#728D71
33.3%	33.3% #859C84	RGB 133 156 132	#859C84
50.0%	50.0% #98AC97	RGB 152 172 151	#98AC97
66.7%	66.7% #ABBBAA	RGB 171 187 170	#ABBBAA
83.3%	83.3% #BECABD	RGB 190 202 189	#BECABD
100.0%	100.0% #D1DAD1	RGB 209 218 209	#D1DAD1

#5F7E5E #728D71 #859C84 #98AC97 #ABBBAA #BECABD #D1DAD1

#5F7E5E - #D1DAD1

HSV Blend

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

0.0%	0.0% #5F7E5E	RGB 95 126 94	#5F7E5E
16.7%	16.7% #6F8D6E	RGB 111 141 110	#6F8D6E
33.3%	33.3% #809C7F	RGB 128 156 127	#809C7F
50.0%	50.0% #93AC92	RGB 147 172 146	#93AC92
66.7%	66.7% #A6BBA6	RGB 166 187 166	#A6BBA6
83.3%	83.3% #BBCABB	RGB 187 202 187	#BBCABB
100.0%	100.0% #D1DAD1	RGB 209 218 209	#D1DAD1

#5F7E5E #6F8D6E #809C7F #93AC92 #A6BBA6 #BBCABB #D1DAD1

#5F7E5E - #93AC92 - #D1DAD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F7E5E 0%, #93AC92 50%, #D1DAD1 100%);
    background: -webkit-linear-gradient(top, #5F7E5E 0%, #93AC92 50%, #D1DAD1 100%);
    background: linear-gradient(to bottom, #5F7E5E 0%, #93AC92 50%, #D1DAD1 100%);
}
</style>