#20145D - #86588E | 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 #20145D to #86588E

#20145D #86588E

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

#20145D - #86588E | 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 #20145D as 0% and #86588E as 100%.

0.0%	0.0% #20145D	RGB 32 20 93	#20145D
16.7%	16.7% #311F65	RGB 49 31 101	#311F65
33.3%	33.3% #422A6D	RGB 66 42 109	#422A6D
50.0%	50.0% #533675	RGB 83 54 117	#533675
66.7%	66.7% #64417D	RGB 100 65 125	#64417D
83.3%	83.3% #754C85	RGB 117 76 133	#754C85
100.0%	100.0% #86588E	RGB 134 88 142	#86588E

#20145D #311F65 #422A6D #533675 #64417D #754C85 #86588E

#20145D - #86588E

HSV Blend

#20145D - #86588E | 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 #20145D as 0% and #86588E as 100%.

0.0%	0.0% #1F135D	RGB 31 19 93	#1F135D
16.7%	16.7% #301C65	RGB 48 28 101	#301C65
33.3%	33.3% #42266D	RGB 66 38 109	#42266D
50.0%	50.0% #533175	RGB 83 49 117	#533175
66.7%	66.7% #653C7D	RGB 101 60 125	#653C7D
83.3%	83.3% #764985	RGB 118 73 133	#764985
100.0%	100.0% #86588E	RGB 134 88 142	#86588E

#1F135D #301C65 #42266D #533175 #653C7D #764985 #86588E

#20145D - #533175 - #86588E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F135D 0%, #533175 50%, #86588E 100%);
    background: -webkit-linear-gradient(top, #1F135D 0%, #533175 50%, #86588E 100%);
    background: linear-gradient(to bottom, #1F135D 0%, #533175 50%, #86588E 100%);
}
</style>