#698889 - #343A40 | 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 #698889 to #343A40

#698889 #343A40

Calculate the color between two colors, #698889 and #343A40. 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)

#698889 - #343A40 | 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 #698889 as 0% and #343A40 as 100%.

0.0%	0.0% #698889	RGB 105 136 137	#698889
16.7%	16.7% #607B7C	RGB 96 123 124	#607B7C
33.3%	33.3% #576E70	RGB 87 110 112	#576E70
50.0%	50.0% #4E6164	RGB 78 97 100	#4E6164
66.7%	66.7% #455458	RGB 69 84 88	#455458
83.3%	83.3% #3C474C	RGB 60 71 76	#3C474C
100.0%	100.0% #343A40	RGB 52 58 64	#343A40

#698889 #607B7C #576E70 #4E6164 #455458 #3C474C #343A40

#698889 - #343A40

HSV Blend

#698889 - #343A40 | 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 #698889 as 0% and #343A40 as 100%.

0.0%	0.0% #698889	RGB 105 136 137	#698889
16.7%	16.7% #60797C	RGB 96 121 124	#60797C
33.3%	33.3% #586C70	RGB 88 108 112	#586C70
50.0%	50.0% #4F5E64	RGB 79 94 100	#4F5E64
66.7%	66.7% #465258	RGB 70 82 88	#465258
83.3%	83.3% #3D454C	RGB 61 69 76	#3D454C
100.0%	100.0% #343A40	RGB 52 58 64	#343A40

#698889 #60797C #586C70 #4F5E64 #465258 #3D454C #343A40

#698889 - #4F5E64 - #343A40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #698889 0%, #4F5E64 50%, #343A40 100%);
    background: -webkit-linear-gradient(top, #698889 0%, #4F5E64 50%, #343A40 100%);
    background: linear-gradient(to bottom, #698889 0%, #4F5E64 50%, #343A40 100%);
}
</style>