#5E7F77 - #D1DAD8 | 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 #5E7F77 to #D1DAD8

#5E7F77 #D1DAD8

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

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

0.0%	0.0% #5E7F77	RGB 94 127 119	#5E7F77
16.7%	16.7% #718E87	RGB 113 142 135	#718E87
33.3%	33.3% #849D97	RGB 132 157 151	#849D97
50.0%	50.0% #97ACA7	RGB 151 172 167	#97ACA7
66.7%	66.7% #AABBB7	RGB 170 187 183	#AABBB7
83.3%	83.3% #BDCAC7	RGB 189 202 199	#BDCAC7
100.0%	100.0% #D1DAD8	RGB 209 218 216	#D1DAD8

#5E7F77 #718E87 #849D97 #97ACA7 #AABBB7 #BDCAC7 #D1DAD8

#5E7F77 - #D1DAD8

HSV Blend

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

0.0%	0.0% #5E7F77	RGB 94 127 119	#5E7F77
16.7%	16.7% #6E8E86	RGB 110 142 134	#6E8E86
33.3%	33.3% #7F9D96	RGB 127 157 150	#7F9D96
50.0%	50.0% #92ACA6	RGB 146 172 166	#92ACA6
66.7%	66.7% #A6BBB6	RGB 166 187 182	#A6BBB6
83.3%	83.3% #BBCAC7	RGB 187 202 199	#BBCAC7
100.0%	100.0% #D1DAD8	RGB 209 218 216	#D1DAD8

#5E7F77 #6E8E86 #7F9D96 #92ACA6 #A6BBB6 #BBCAC7 #D1DAD8

#5E7F77 - #92ACA6 - #D1DAD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F77 0%, #92ACA6 50%, #D1DAD8 100%);
    background: -webkit-linear-gradient(top, #5E7F77 0%, #92ACA6 50%, #D1DAD8 100%);
    background: linear-gradient(to bottom, #5E7F77 0%, #92ACA6 50%, #D1DAD8 100%);
}
</style>