#50244C - #AF3E86 | 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 #50244C to #AF3E86

#50244C #AF3E86

Calculate the color between two colors, #50244C and #AF3E86. 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)

#50244C - #AF3E86 | 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 #50244C as 0% and #AF3E86 as 100%.

0.0%	0.0% #50244C	RGB 80 36 76	#50244C
16.7%	16.7% #5F2855	RGB 95 40 85	#5F2855
33.3%	33.3% #6F2C5F	RGB 111 44 95	#6F2C5F
50.0%	50.0% #7F3169	RGB 127 49 105	#7F3169
66.7%	66.7% #8F3572	RGB 143 53 114	#8F3572
83.3%	83.3% #9F397C	RGB 159 57 124	#9F397C
100.0%	100.0% #AF3E86	RGB 175 62 134	#AF3E86

#50244C #5F2855 #6F2C5F #7F3169 #8F3572 #9F397C #AF3E86

#50244C - #AF3E86

HSV Blend

#50244C - #AF3E86 | 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 #50244C as 0% and #AF3E86 as 100%.

0.0%	0.0% #50244B	RGB 80 36 75	#50244B
16.7%	16.7% #5F2958	RGB 95 41 88	#5F2958
33.3%	33.3% #6F2E63	RGB 111 46 99	#6F2E63
50.0%	50.0% #7F336E	RGB 127 51 110	#7F336E
66.7%	66.7% #8F3777	RGB 143 55 119	#8F3777
83.3%	83.3% #9F3A7F	RGB 159 58 127	#9F3A7F
100.0%	100.0% #AF3E86	RGB 175 62 134	#AF3E86

#50244B #5F2958 #6F2E63 #7F336E #8F3777 #9F3A7F #AF3E86

#50244C - #7F336E - #AF3E86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50244B 0%, #7F336E 50%, #AF3E86 100%);
    background: -webkit-linear-gradient(top, #50244B 0%, #7F336E 50%, #AF3E86 100%);
    background: linear-gradient(to bottom, #50244B 0%, #7F336E 50%, #AF3E86 100%);
}
</style>