#C0676C - #361D1E | 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 #C0676C to #361D1E

#C0676C #361D1E

Calculate the color between two colors, #C0676C and #361D1E. 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)

#C0676C - #361D1E | 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 #C0676C as 0% and #361D1E as 100%.

0.0%	0.0% #C0676C	RGB 192 103 108	#C0676C
16.7%	16.7% #A95A5F	RGB 169 90 95	#A95A5F
33.3%	33.3% #924E52	RGB 146 78 82	#924E52
50.0%	50.0% #7B4245	RGB 123 66 69	#7B4245
66.7%	66.7% #643538	RGB 100 53 56	#643538
83.3%	83.3% #4D292B	RGB 77 41 43	#4D292B
100.0%	100.0% #361D1E	RGB 54 29 30	#361D1E

#C0676C #A95A5F #924E52 #7B4245 #643538 #4D292B #361D1E

#C0676C - #361D1E

HSV Blend

#C0676C - #361D1E | 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 #C0676C as 0% and #361D1E as 100%.

0.0%	0.0% #C0676C	RGB 192 103 108	#C0676C
16.7%	16.7% #A95A5E	RGB 169 90 94	#A95A5E
33.3%	33.3% #924E51	RGB 146 78 81	#924E51
50.0%	50.0% #7B4244	RGB 123 66 68	#7B4244
66.7%	66.7% #643537	RGB 100 53 55	#643537
83.3%	83.3% #4D292A	RGB 77 41 42	#4D292A
100.0%	100.0% #361D1E	RGB 54 29 30	#361D1E

#C0676C #A95A5E #924E51 #7B4244 #643537 #4D292A #361D1E

#C0676C - #7B4244 - #361D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0676C 0%, #7B4244 50%, #361D1E 100%);
    background: -webkit-linear-gradient(top, #C0676C 0%, #7B4244 50%, #361D1E 100%);
    background: linear-gradient(to bottom, #C0676C 0%, #7B4244 50%, #361D1E 100%);
}
</style>