#5E3D45 - #CD6375 | 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 #5E3D45 to #CD6375

#5E3D45 #CD6375

Calculate the color between two colors, #5E3D45 and #CD6375. 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)

#5E3D45 - #CD6375 | 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 #5E3D45 as 0% and #CD6375 as 100%.

0.0%	0.0% #5E3D45	RGB 94 61 69	#5E3D45
16.7%	16.7% #70434D	RGB 112 67 77	#70434D
33.3%	33.3% #834955	RGB 131 73 85	#834955
50.0%	50.0% #95505D	RGB 149 80 93	#95505D
66.7%	66.7% #A85665	RGB 168 86 101	#A85665
83.3%	83.3% #BA5C6D	RGB 186 92 109	#BA5C6D
100.0%	100.0% #CD6375	RGB 205 99 117	#CD6375

#5E3D45 #70434D #834955 #95505D #A85665 #BA5C6D #CD6375

#5E3D45 - #CD6375

HSV Blend

#5E3D45 - #CD6375 | 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 #5E3D45 as 0% and #CD6375 as 100%.

0.0%	0.0% #5E3D45	RGB 94 61 69	#5E3D45
16.7%	16.7% #70454F	RGB 112 69 79	#70454F
33.3%	33.3% #834D59	RGB 131 77 89	#834D59
50.0%	50.0% #955461	RGB 149 84 97	#955461
66.7%	66.7% #A85A69	RGB 168 90 105	#A85A69
83.3%	83.3% #BA5F6F	RGB 186 95 111	#BA5F6F
100.0%	100.0% #CD6375	RGB 205 99 117	#CD6375

#5E3D45 #70454F #834D59 #955461 #A85A69 #BA5F6F #CD6375

#5E3D45 - #955461 - #CD6375

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D45 0%, #955461 50%, #CD6375 100%);
    background: -webkit-linear-gradient(top, #5E3D45 0%, #955461 50%, #CD6375 100%);
    background: linear-gradient(to bottom, #5E3D45 0%, #955461 50%, #CD6375 100%);
}
</style>