#3C2D30 - #250D09 | 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 #3C2D30 to #250D09

#3C2D30 #250D09

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

#3C2D30 - #250D09 | 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 #3C2D30 as 0% and #250D09 as 100%.

0.0%	0.0% #3C2D30	RGB 60 45 48	#3C2D30
16.7%	16.7% #382729	RGB 56 39 41	#382729
33.3%	33.3% #342223	RGB 52 34 35	#342223
50.0%	50.0% #301D1C	RGB 48 29 28	#301D1C
66.7%	66.7% #2C1716	RGB 44 23 22	#2C1716
83.3%	83.3% #28120F	RGB 40 18 15	#28120F
100.0%	100.0% #250D09	RGB 37 13 9	#250D09

#3C2D30 #382729 #342223 #301D1C #2C1716 #28120F #250D09

#3C2D30 - #250D09

HSV Blend

#3C2D30 - #250D09 | 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 #3C2D30 as 0% and #250D09 as 100%.

0.0%	0.0% #3C2D30	RGB 60 45 48	#3C2D30
16.7%	16.7% #382528	RGB 56 37 40	#382528
33.3%	33.3% #341E20	RGB 52 30 32	#341E20
50.0%	50.0% #301818	RGB 48 24 24	#301818
66.7%	66.7% #2C1312	RGB 44 19 18	#2C1312
83.3%	83.3% #280F0D	RGB 40 15 13	#280F0D
100.0%	100.0% #250D09	RGB 37 13 9	#250D09

#3C2D30 #382528 #341E20 #301818 #2C1312 #280F0D #250D09

#3C2D30 - #301818 - #250D09

CSS codes

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

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