#6B5E70 - #7E8FB4 | 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 #6B5E70 to #7E8FB4

#6B5E70 #7E8FB4

Calculate the color between two colors, #6B5E70 and #7E8FB4. 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)

#6B5E70 - #7E8FB4 | 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 #6B5E70 as 0% and #7E8FB4 as 100%.

0.0%	0.0% #6B5E70	RGB 107 94 112	#6B5E70
16.7%	16.7% #6E667B	RGB 110 102 123	#6E667B
33.3%	33.3% #716E86	RGB 113 110 134	#716E86
50.0%	50.0% #747692	RGB 116 118 146	#747692
66.7%	66.7% #777E9D	RGB 119 126 157	#777E9D
83.3%	83.3% #7A86A8	RGB 122 134 168	#7A86A8
100.0%	100.0% #7E8FB4	RGB 126 143 180	#7E8FB4

#6B5E70 #6E667B #716E86 #747692 #777E9D #7A86A8 #7E8FB4

#6B5E70 - #7E8FB4

HSV Blend

#6B5E70 - #7E8FB4 | 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 #6B5E70 as 0% and #7E8FB4 as 100%.

0.0%	0.0% #6B5E70	RGB 107 94 112	#6B5E70
16.7%	16.7% #71647B	RGB 113 100 123	#71647B
33.3%	33.3% #756A86	RGB 117 106 134	#756A86
50.0%	50.0% #777092	RGB 119 112 146	#777092
66.7%	66.7% #76759D	RGB 118 117 157	#76759D
83.3%	83.3% #7980A8	RGB 121 128 168	#7980A8
100.0%	100.0% #7E8FB4	RGB 126 143 180	#7E8FB4

#6B5E70 #71647B #756A86 #777092 #76759D #7980A8 #7E8FB4

#6B5E70 - #777092 - #7E8FB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E70 0%, #777092 50%, #7E8FB4 100%);
    background: -webkit-linear-gradient(top, #6B5E70 0%, #777092 50%, #7E8FB4 100%);
    background: linear-gradient(to bottom, #6B5E70 0%, #777092 50%, #7E8FB4 100%);
}
</style>