#221039 - #83485D | 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 #221039 to #83485D

#221039 #83485D

Calculate the color between two colors, #221039 and #83485D. 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)

#221039 - #83485D | 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 #221039 as 0% and #83485D as 100%.

0.0%	0.0% #221039	RGB 34 16 57	#221039
16.7%	16.7% #32193F	RGB 50 25 63	#32193F
33.3%	33.3% #422245	RGB 66 34 69	#422245
50.0%	50.0% #522C4B	RGB 82 44 75	#522C4B
66.7%	66.7% #623551	RGB 98 53 81	#623551
83.3%	83.3% #723E57	RGB 114 62 87	#723E57
100.0%	100.0% #83485D	RGB 131 72 93	#83485D

#221039 #32193F #422245 #522C4B #623551 #723E57 #83485D

#221039 - #83485D

HSV Blend

#221039 - #83485D | 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 #221039 as 0% and #83485D as 100%.

0.0%	0.0% #221039	RGB 34 16 57	#221039
16.7%	16.7% #341645	RGB 52 22 69	#341645
33.3%	33.3% #491E51	RGB 73 30 81	#491E51
50.0%	50.0% #5E275B	RGB 94 39 91	#5E275B
66.7%	66.7% #6A305C	RGB 106 48 92	#6A305C
83.3%	83.3% #763B5C	RGB 118 59 92	#763B5C
100.0%	100.0% #83485D	RGB 131 72 93	#83485D

#221039 #341645 #491E51 #5E275B #6A305C #763B5C #83485D

#221039 - #5E275B - #83485D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #221039 0%, #5E275B 50%, #83485D 100%);
    background: -webkit-linear-gradient(top, #221039 0%, #5E275B 50%, #83485D 100%);
    background: linear-gradient(to bottom, #221039 0%, #5E275B 50%, #83485D 100%);
}
</style>