#5E293D - #C1695C | 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 #5E293D to #C1695C

#5E293D #C1695C

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

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

0.0%	0.0% #5E293D	RGB 94 41 61	#5E293D
16.7%	16.7% #6E3342	RGB 110 51 66	#6E3342
33.3%	33.3% #7F3E47	RGB 127 62 71	#7F3E47
50.0%	50.0% #8F494C	RGB 143 73 76	#8F494C
66.7%	66.7% #A05351	RGB 160 83 81	#A05351
83.3%	83.3% #B05E56	RGB 176 94 86	#B05E56
100.0%	100.0% #C1695C	RGB 193 105 92	#C1695C

#5E293D #6E3342 #7F3E47 #8F494C #A05351 #B05E56 #C1695C

#5E293D - #C1695C

HSV Blend

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

0.0%	0.0% #5E293D	RGB 94 41 61	#5E293D
16.7%	16.7% #6E3042	RGB 110 48 66	#6E3042
33.3%	33.3% #7F3947	RGB 127 57 71	#7F3947
50.0%	50.0% #8F414B	RGB 143 65 75	#8F414B
66.7%	66.7% #A04A4D	RGB 160 74 77	#A04A4D
83.3%	83.3% #B05752	RGB 176 87 82	#B05752
100.0%	100.0% #C1695C	RGB 193 105 92	#C1695C

#5E293D #6E3042 #7F3947 #8F414B #A04A4D #B05752 #C1695C

#5E293D - #8F414B - #C1695C

CSS codes

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

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