#5E3E49 - #AF65B9 | 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 #5E3E49 to #AF65B9

#5E3E49 #AF65B9

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

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

0.0%	0.0% #5E3E49	RGB 94 62 73	#5E3E49
16.7%	16.7% #6B445B	RGB 107 68 91	#6B445B
33.3%	33.3% #794B6E	RGB 121 75 110	#794B6E
50.0%	50.0% #865181	RGB 134 81 129	#865181
66.7%	66.7% #945893	RGB 148 88 147	#945893
83.3%	83.3% #A15EA6	RGB 161 94 166	#A15EA6
100.0%	100.0% #AF65B9	RGB 175 101 185	#AF65B9

#5E3E49 #6B445B #794B6E #865181 #945893 #A15EA6 #AF65B9

#5E3E49 - #AF65B9

HSV Blend

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

0.0%	0.0% #5E3E49	RGB 94 62 73	#5E3E49
16.7%	16.7% #6D4558	RGB 109 69 88	#6D4558
33.3%	33.3% #7C4D69	RGB 124 77 105	#7C4D69
50.0%	50.0% #8B547C	RGB 139 84 124	#8B547C
66.7%	66.7% #9A5A91	RGB 154 90 145	#9A5A91
83.3%	83.3% #A95FA9	RGB 169 95 169	#A95FA9
100.0%	100.0% #AF65B9	RGB 175 101 185	#AF65B9

#5E3E49 #6D4558 #7C4D69 #8B547C #9A5A91 #A95FA9 #AF65B9

#5E3E49 - #8B547C - #AF65B9

CSS codes

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

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