#392810 - #302205 | 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 #392810 to #302205

#392810 #302205

Calculate the color between two colors, #392810 and #302205. 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)

#392810 - #302205 | 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 #392810 as 0% and #302205 as 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #37270E	RGB 55 39 14	#37270E
33.3%	33.3% #36260C	RGB 54 38 12	#36260C
50.0%	50.0% #34250A	RGB 52 37 10	#34250A
66.7%	66.7% #332408	RGB 51 36 8	#332408
83.3%	83.3% #312306	RGB 49 35 6	#312306
100.0%	100.0% #302205	RGB 48 34 5	#302205

#392810 #37270E #36260C #34250A #332408 #312306 #302205

#392810 - #302205

HSV Blend

#392810 - #302205 | 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 #392810 as 0% and #302205 as 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #37260D	RGB 55 38 13	#37260D
33.3%	33.3% #36250B	RGB 54 37 11	#36250B
50.0%	50.0% #34240A	RGB 52 36 10	#34240A
66.7%	66.7% #332308	RGB 51 35 8	#332308
83.3%	83.3% #312206	RGB 49 34 6	#312206
100.0%	100.0% #302205	RGB 48 34 5	#302205

#392810 #37260D #36250B #34240A #332308 #312206 #302205

#392810 - #34240A - #302205

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392810 0%, #34240A 50%, #302205 100%);
    background: -webkit-linear-gradient(top, #392810 0%, #34240A 50%, #302205 100%);
    background: linear-gradient(to bottom, #392810 0%, #34240A 50%, #302205 100%);
}
</style>