#6E2D2D - #CB6E4D | 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 #6E2D2D to #CB6E4D

#6E2D2D #CB6E4D

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

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

0.0%	0.0% #6E2D2D	RGB 110 45 45	#6E2D2D
16.7%	16.7% #7D3732	RGB 125 55 50	#7D3732
33.3%	33.3% #8D4237	RGB 141 66 55	#8D4237
50.0%	50.0% #9C4D3D	RGB 156 77 61	#9C4D3D
66.7%	66.7% #AC5842	RGB 172 88 66	#AC5842
83.3%	83.3% #BB6347	RGB 187 99 71	#BB6347
100.0%	100.0% #CB6E4D	RGB 203 110 77	#CB6E4D

#6E2D2D #7D3732 #8D4237 #9C4D3D #AC5842 #BB6347 #CB6E4D

#6E2D2D - #CB6E4D

HSV Blend

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

0.0%	0.0% #6E2D2D	RGB 110 45 45	#6E2D2D
16.7%	16.7% #7D3532	RGB 125 53 50	#7D3532
33.3%	33.3% #8D3F38	RGB 141 63 56	#8D3F38
50.0%	50.0% #9C4A3D	RGB 156 74 61	#9C4A3D
66.7%	66.7% #AC5542	RGB 172 85 66	#AC5542
83.3%	83.3% #BB6148	RGB 187 97 72	#BB6148
100.0%	100.0% #CB6E4D	RGB 203 110 77	#CB6E4D

#6E2D2D #7D3532 #8D3F38 #9C4A3D #AC5542 #BB6148 #CB6E4D

#6E2D2D - #9C4A3D - #CB6E4D

CSS codes

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

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