#626972 - #8C8BE6 | 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 #626972 to #8C8BE6

#626972 #8C8BE6

Calculate the color between two colors, #626972 and #8C8BE6. 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)

#626972 - #8C8BE6 | 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 #626972 as 0% and #8C8BE6 as 100%.

0.0%	0.0% #626972	RGB 98 105 114	#626972
16.7%	16.7% #696E85	RGB 105 110 133	#696E85
33.3%	33.3% #707498	RGB 112 116 152	#707498
50.0%	50.0% #777AAC	RGB 119 122 172	#777AAC
66.7%	66.7% #7E7FBF	RGB 126 127 191	#7E7FBF
83.3%	83.3% #8585D2	RGB 133 133 210	#8585D2
100.0%	100.0% #8C8BE6	RGB 140 139 230	#8C8BE6

#626972 #696E85 #707498 #777AAC #7E7FBF #8585D2 #8C8BE6

#626972 - #8C8BE6

HSV Blend

#626972 - #8C8BE6 | 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 #626972 as 0% and #8C8BE6 as 100%.

0.0%	0.0% #626972	RGB 98 105 114	#626972
16.7%	16.7% #6C7585	RGB 108 117 133	#6C7585
33.3%	33.3% #768098	RGB 118 128 152	#768098
50.0%	50.0% #7D87AC	RGB 125 135 172	#7D87AC
66.7%	66.7% #838CBF	RGB 131 140 191	#838CBF
83.3%	83.3% #888DD2	RGB 136 141 210	#888DD2
100.0%	100.0% #8C8BE6	RGB 140 139 230	#8C8BE6

#626972 #6C7585 #768098 #7D87AC #838CBF #888DD2 #8C8BE6

#626972 - #7D87AC - #8C8BE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626972 0%, #7D87AC 50%, #8C8BE6 100%);
    background: -webkit-linear-gradient(top, #626972 0%, #7D87AC 50%, #8C8BE6 100%);
    background: linear-gradient(to bottom, #626972 0%, #7D87AC 50%, #8C8BE6 100%);
}
</style>