#2F2B2B - #8F5A61 | 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 #2F2B2B to #8F5A61

#2F2B2B #8F5A61

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

#2F2B2B - #8F5A61 | 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 #2F2B2B as 0% and #8F5A61 as 100%.

0.0%	0.0% #2F2B2B	RGB 47 43 43	#2F2B2B
16.7%	16.7% #3F3234	RGB 63 50 52	#3F3234
33.3%	33.3% #4F3A3D	RGB 79 58 61	#4F3A3D
50.0%	50.0% #5F4246	RGB 95 66 70	#5F4246
66.7%	66.7% #6F4A4F	RGB 111 74 79	#6F4A4F
83.3%	83.3% #7F5258	RGB 127 82 88	#7F5258
100.0%	100.0% #8F5A61	RGB 143 90 97	#8F5A61

#2F2B2B #3F3234 #4F3A3D #5F4246 #6F4A4F #7F5258 #8F5A61

#2F2B2B - #8F5A61

HSV Blend

#2F2B2B - #8F5A61 | 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 #2F2B2B as 0% and #8F5A61 as 100%.

0.0%	0.0% #2F2B2B	RGB 47 43 43	#2F2B2B
16.7%	16.7% #3F3636	RGB 63 54 54	#3F3636
33.3%	33.3% #4F4041	RGB 79 64 65	#4F4041
50.0%	50.0% #5F494A	RGB 95 73 74	#5F494A
66.7%	66.7% #6F5053	RGB 111 80 83	#6F5053
83.3%	83.3% #7F555A	RGB 127 85 90	#7F555A
100.0%	100.0% #8F5A61	RGB 143 90 97	#8F5A61

#2F2B2B #3F3636 #4F4041 #5F494A #6F5053 #7F555A #8F5A61

#2F2B2B - #5F494A - #8F5A61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2B2B 0%, #5F494A 50%, #8F5A61 100%);
    background: -webkit-linear-gradient(top, #2F2B2B 0%, #5F494A 50%, #8F5A61 100%);
    background: linear-gradient(to bottom, #2F2B2B 0%, #5F494A 50%, #8F5A61 100%);
}
</style>