#767A8F - #8FC0FC | 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 #767A8F to #8FC0FC

#767A8F #8FC0FC

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

#767A8F - #8FC0FC | 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 #767A8F as 0% and #8FC0FC as 100%.

0.0%	0.0% #767A8F	RGB 118 122 143	#767A8F
16.7%	16.7% #7A85A1	RGB 122 133 161	#7A85A1
33.3%	33.3% #7E91B3	RGB 126 145 179	#7E91B3
50.0%	50.0% #829DC5	RGB 130 157 197	#829DC5
66.7%	66.7% #86A8D7	RGB 134 168 215	#86A8D7
83.3%	83.3% #8AB4E9	RGB 138 180 233	#8AB4E9
100.0%	100.0% #8FC0FC	RGB 143 192 252	#8FC0FC

#767A8F #7A85A1 #7E91B3 #829DC5 #86A8D7 #8AB4E9 #8FC0FC

#767A8F - #8FC0FC

HSV Blend

#767A8F - #8FC0FC | 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 #767A8F as 0% and #8FC0FC as 100%.

0.0%	0.0% #767A8F	RGB 118 122 143	#767A8F
16.7%	16.7% #7E85A1	RGB 126 133 161	#7E85A1
33.3%	33.3% #8490B3	RGB 132 144 179	#8490B3
50.0%	50.0% #899BC5	RGB 137 155 197	#899BC5
66.7%	66.7% #8CA7D7	RGB 140 167 215	#8CA7D7
83.3%	83.3% #8EB3E9	RGB 142 179 233	#8EB3E9
100.0%	100.0% #8FC0FC	RGB 143 192 252	#8FC0FC

#767A8F #7E85A1 #8490B3 #899BC5 #8CA7D7 #8EB3E9 #8FC0FC

#767A8F - #899BC5 - #8FC0FC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #767A8F 0%, #899BC5 50%, #8FC0FC 100%);
    background: -webkit-linear-gradient(top, #767A8F 0%, #899BC5 50%, #8FC0FC 100%);
    background: linear-gradient(to bottom, #767A8F 0%, #899BC5 50%, #8FC0FC 100%);
}
</style>