#2F415F - #81878F | 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 #2F415F to #81878F

#2F415F #81878F

Calculate the color between two colors, #2F415F and #81878F. 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)

#2F415F - #81878F | 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 #2F415F as 0% and #81878F as 100%.

0.0%	0.0% #2F415F	RGB 47 65 95	#2F415F
16.7%	16.7% #3C4C67	RGB 60 76 103	#3C4C67
33.3%	33.3% #4A586F	RGB 74 88 111	#4A586F
50.0%	50.0% #586477	RGB 88 100 119	#586477
66.7%	66.7% #656F7F	RGB 101 111 127	#656F7F
83.3%	83.3% #737B87	RGB 115 123 135	#737B87
100.0%	100.0% #81878F	RGB 129 135 143	#81878F

#2F415F #3C4C67 #4A586F #586477 #656F7F #737B87 #81878F

#2F415F - #81878F

HSV Blend

#2F415F - #81878F | 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 #2F415F as 0% and #81878F as 100%.

0.0%	0.0% #2F405F	RGB 47 64 95	#2F405F
16.7%	16.7% #394B67	RGB 57 75 103	#394B67
33.3%	33.3% #45566F	RGB 69 86 111	#45566F
50.0%	50.0% #536177	RGB 83 97 119	#536177
66.7%	66.7% #616D7F	RGB 97 109 127	#616D7F
83.3%	83.3% #707A87	RGB 112 122 135	#707A87
100.0%	100.0% #81878F	RGB 129 135 143	#81878F

#2F405F #394B67 #45566F #536177 #616D7F #707A87 #81878F

#2F415F - #536177 - #81878F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F405F 0%, #536177 50%, #81878F 100%);
    background: -webkit-linear-gradient(top, #2F405F 0%, #536177 50%, #81878F 100%);
    background: linear-gradient(to bottom, #2F405F 0%, #536177 50%, #81878F 100%);
}
</style>