#6E3E3E - #E35D6D | 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 #6E3E3E to #E35D6D

#6E3E3E #E35D6D

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

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

0.0%	0.0% #6E3E3E	RGB 110 62 62	#6E3E3E
16.7%	16.7% #814345	RGB 129 67 69	#814345
33.3%	33.3% #95484D	RGB 149 72 77	#95484D
50.0%	50.0% #A84D55	RGB 168 77 85	#A84D55
66.7%	66.7% #BC525D	RGB 188 82 93	#BC525D
83.3%	83.3% #CF5765	RGB 207 87 101	#CF5765
100.0%	100.0% #E35D6D	RGB 227 93 109	#E35D6D

#6E3E3E #814345 #95484D #A84D55 #BC525D #CF5765 #E35D6D

#6E3E3E - #E35D6D

HSV Blend

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

0.0%	0.0% #6E3E3E	RGB 110 62 62	#6E3E3E
16.7%	16.7% #814546	RGB 129 69 70	#814546
33.3%	33.3% #954C4F	RGB 149 76 79	#954C4F
50.0%	50.0% #A85257	RGB 168 82 87	#A85257
66.7%	66.7% #BC565E	RGB 188 86 94	#BC565E
83.3%	83.3% #CF5A65	RGB 207 90 101	#CF5A65
100.0%	100.0% #E35D6D	RGB 227 93 109	#E35D6D

#6E3E3E #814546 #954C4F #A85257 #BC565E #CF5A65 #E35D6D

#6E3E3E - #A85257 - #E35D6D

CSS codes

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

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