#30412A - #C3C8C2 | 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 #30412A to #C3C8C2

#30412A #C3C8C2

Calculate the color between two colors, #30412A and #C3C8C2. 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)

#30412A - #C3C8C2 | 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 #30412A as 0% and #C3C8C2 as 100%.

0.0%	0.0% #30412A	RGB 48 65 42	#30412A
16.7%	16.7% #485743	RGB 72 87 67	#485743
33.3%	33.3% #616E5C	RGB 97 110 92	#616E5C
50.0%	50.0% #798476	RGB 121 132 118	#798476
66.7%	66.7% #929B8F	RGB 146 155 143	#929B8F
83.3%	83.3% #AAB1A8	RGB 170 177 168	#AAB1A8
100.0%	100.0% #C3C8C2	RGB 195 200 194	#C3C8C2

#30412A #485743 #616E5C #798476 #929B8F #AAB1A8 #C3C8C2

#30412A - #C3C8C2

HSV Blend

#30412A - #C3C8C2 | 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 #30412A as 0% and #C3C8C2 as 100%.

0.0%	0.0% #30412A	RGB 48 65 42	#30412A
16.7%	16.7% #43573D	RGB 67 87 61	#43573D
33.3%	33.3% #596E52	RGB 89 110 82	#596E52
50.0%	50.0% #70846B	RGB 112 132 107	#70846B
66.7%	66.7% #899B85	RGB 137 155 133	#899B85
83.3%	83.3% #A5B1A2	RGB 165 177 162	#A5B1A2
100.0%	100.0% #C3C8C2	RGB 195 200 194	#C3C8C2

#30412A #43573D #596E52 #70846B #899B85 #A5B1A2 #C3C8C2

#30412A - #70846B - #C3C8C2

CSS codes

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

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