#3B3648 - #C27C65 | 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 #3B3648 to #C27C65

#3B3648 #C27C65

Calculate the color between two colors, #3B3648 and #C27C65. 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)

#3B3648 - #C27C65 | 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 #3B3648 as 0% and #C27C65 as 100%.

0.0%	0.0% #3B3648	RGB 59 54 72	#3B3648
16.7%	16.7% #51414C	RGB 81 65 76	#51414C
33.3%	33.3% #684D51	RGB 104 77 81	#684D51
50.0%	50.0% #7E5956	RGB 126 89 86	#7E5956
66.7%	66.7% #95645B	RGB 149 100 91	#95645B
83.3%	83.3% #AB7060	RGB 171 112 96	#AB7060
100.0%	100.0% #C27C65	RGB 194 124 101	#C27C65

#3B3648 #51414C #684D51 #7E5956 #95645B #AB7060 #C27C65

#3B3648 - #C27C65

HSV Blend

#3B3648 - #C27C65 | 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 #3B3648 as 0% and #C27C65 as 100%.

0.0%	0.0% #3B3648	RGB 59 54 72	#3B3648
16.7%	16.7% #51415C	RGB 81 65 92	#51415C
33.3%	33.3% #6E4B70	RGB 110 75 112	#6E4B70
50.0%	50.0% #855478	RGB 133 84 120	#855478
66.7%	66.7% #995B74	RGB 153 91 116	#995B74
83.3%	83.3% #AD6167	RGB 173 97 103	#AD6167
100.0%	100.0% #C27C65	RGB 194 124 101	#C27C65

#3B3648 #51415C #6E4B70 #855478 #995B74 #AD6167 #C27C65

#3B3648 - #855478 - #C27C65

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B3648 0%, #855478 50%, #C27C65 100%);
    background: -webkit-linear-gradient(top, #3B3648 0%, #855478 50%, #C27C65 100%);
    background: linear-gradient(to bottom, #3B3648 0%, #855478 50%, #C27C65 100%);
}
</style>