#4D5E52 - #699AE6 | 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 #4D5E52 to #699AE6

#4D5E52 #699AE6

Calculate the color between two colors, #4D5E52 and #699AE6. 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)

#4D5E52 - #699AE6 | 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 #4D5E52 as 0% and #699AE6 as 100%.

0.0%	0.0% #4D5E52	RGB 77 94 82	#4D5E52
16.7%	16.7% #51686A	RGB 81 104 106	#51686A
33.3%	33.3% #567283	RGB 86 114 131	#567283
50.0%	50.0% #5B7C9C	RGB 91 124 156	#5B7C9C
66.7%	66.7% #5F86B4	RGB 95 134 180	#5F86B4
83.3%	83.3% #6490CD	RGB 100 144 205	#6490CD
100.0%	100.0% #699AE6	RGB 105 154 230	#699AE6

#4D5E52 #51686A #567283 #5B7C9C #5F86B4 #6490CD #699AE6

#4D5E52 - #699AE6

HSV Blend

#4D5E52 - #699AE6 | 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 #4D5E52 as 0% and #699AE6 as 100%.

0.0%	0.0% #4D5E52	RGB 77 94 82	#4D5E52
16.7%	16.7% #587466	RGB 88 116 102	#587466
33.3%	33.3% #618B80	RGB 97 139 128	#618B80
50.0%	50.0% #67A29F	RGB 103 162 159	#67A29F
66.7%	66.7% #6AABB8	RGB 106 171 184	#6AABB8
83.3%	83.3% #6BA8CF	RGB 107 168 207	#6BA8CF
100.0%	100.0% #699AE6	RGB 105 154 230	#699AE6

#4D5E52 #587466 #618B80 #67A29F #6AABB8 #6BA8CF #699AE6

#4D5E52 - #67A29F - #699AE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E52 0%, #67A29F 50%, #699AE6 100%);
    background: -webkit-linear-gradient(top, #4D5E52 0%, #67A29F 50%, #699AE6 100%);
    background: linear-gradient(to bottom, #4D5E52 0%, #67A29F 50%, #699AE6 100%);
}
</style>