#5E2444 - #C06D6B | 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 #5E2444 to #C06D6B

#5E2444 #C06D6B

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

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

0.0%	0.0% #5E2444	RGB 94 36 68	#5E2444
16.7%	16.7% #6E304A	RGB 110 48 74	#6E304A
33.3%	33.3% #7E3C51	RGB 126 60 81	#7E3C51
50.0%	50.0% #8F4857	RGB 143 72 87	#8F4857
66.7%	66.7% #9F545E	RGB 159 84 94	#9F545E
83.3%	83.3% #AF6064	RGB 175 96 100	#AF6064
100.0%	100.0% #C06D6B	RGB 192 109 107	#C06D6B

#5E2444 #6E304A #7E3C51 #8F4857 #9F545E #AF6064 #C06D6B

#5E2444 - #C06D6B

HSV Blend

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

0.0%	0.0% #5E2444	RGB 94 36 68	#5E2444
16.7%	16.7% #6E2D4B	RGB 110 45 75	#6E2D4B
33.3%	33.3% #7E3751	RGB 126 55 81	#7E3751
50.0%	50.0% #8F4357	RGB 143 67 87	#8F4357
66.7%	66.7% #9F4F5C	RGB 159 79 92	#9F4F5C
83.3%	83.3% #AF5C62	RGB 175 92 98	#AF5C62
100.0%	100.0% #C06D6B	RGB 192 109 107	#C06D6B

#5E2444 #6E2D4B #7E3751 #8F4357 #9F4F5C #AF5C62 #C06D6B

#5E2444 - #8F4357 - #C06D6B

CSS codes

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

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