#5E3E3F - #9277A3 | 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 #5E3E3F to #9277A3

#5E3E3F #9277A3

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

#5E3E3F - #9277A3 | 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 #5E3E3F as 0% and #9277A3 as 100%.

0.0%	0.0% #5E3E3F	RGB 94 62 63	#5E3E3F
16.7%	16.7% #66474F	RGB 102 71 79	#66474F
33.3%	33.3% #6F5160	RGB 111 81 96	#6F5160
50.0%	50.0% #785A71	RGB 120 90 113	#785A71
66.7%	66.7% #806481	RGB 128 100 129	#806481
83.3%	83.3% #896D92	RGB 137 109 146	#896D92
100.0%	100.0% #9277A3	RGB 146 119 163	#9277A3

#5E3E3F #66474F #6F5160 #785A71 #806481 #896D92 #9277A3

#5E3E3F - #9277A3

HSV Blend

#5E3E3F - #9277A3 | 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 #5E3E3F as 0% and #9277A3 as 100%.

0.0%	0.0% #5E3E3F	RGB 94 62 63	#5E3E3F
16.7%	16.7% #69464F	RGB 105 70 79	#69464F
33.3%	33.3% #754F61	RGB 117 79 97	#754F61
50.0%	50.0% #805975	RGB 128 89 117	#805975
66.7%	66.7% #8C6289	RGB 140 98 137	#8C6289
83.3%	83.3% #906C97	RGB 144 108 151	#906C97
100.0%	100.0% #9277A3	RGB 146 119 163	#9277A3

#5E3E3F #69464F #754F61 #805975 #8C6289 #906C97 #9277A3

#5E3E3F - #805975 - #9277A3

CSS codes

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

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