#6F2D2D - #CC6E4D | 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 #6F2D2D to #CC6E4D

#6F2D2D #CC6E4D

Calculate the color between two colors, #6F2D2D and #CC6E4D. 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)

#6F2D2D - #CC6E4D | 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 #6F2D2D as 0% and #CC6E4D as 100%.

0.0%	0.0% #6F2D2D	RGB 111 45 45	#6F2D2D
16.7%	16.7% #7E3732	RGB 126 55 50	#7E3732
33.3%	33.3% #8E4237	RGB 142 66 55	#8E4237
50.0%	50.0% #9D4D3D	RGB 157 77 61	#9D4D3D
66.7%	66.7% #AD5842	RGB 173 88 66	#AD5842
83.3%	83.3% #BC6347	RGB 188 99 71	#BC6347
100.0%	100.0% #CC6E4D	RGB 204 110 77	#CC6E4D

#6F2D2D #7E3732 #8E4237 #9D4D3D #AD5842 #BC6347 #CC6E4D

#6F2D2D - #CC6E4D

HSV Blend

#6F2D2D - #CC6E4D | 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 #6F2D2D as 0% and #CC6E4D as 100%.

0.0%	0.0% #6F2D2D	RGB 111 45 45	#6F2D2D
16.7%	16.7% #7E3532	RGB 126 53 50	#7E3532
33.3%	33.3% #8E3F38	RGB 142 63 56	#8E3F38
50.0%	50.0% #9D4A3D	RGB 157 74 61	#9D4A3D
66.7%	66.7% #AD5542	RGB 173 85 66	#AD5542
83.3%	83.3% #BC6148	RGB 188 97 72	#BC6148
100.0%	100.0% #CC6E4D	RGB 204 110 77	#CC6E4D

#6F2D2D #7E3532 #8E3F38 #9D4A3D #AD5542 #BC6148 #CC6E4D

#6F2D2D - #9D4A3D - #CC6E4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F2D2D 0%, #9D4A3D 50%, #CC6E4D 100%);
    background: -webkit-linear-gradient(top, #6F2D2D 0%, #9D4A3D 50%, #CC6E4D 100%);
    background: linear-gradient(to bottom, #6F2D2D 0%, #9D4A3D 50%, #CC6E4D 100%);
}
</style>