#200DAD - #0E085E | 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 #200DAD to #0E085E

#200DAD #0E085E

Calculate the color between two colors, #200DAD and #0E085E. 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)

#200DAD - #0E085E | 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 #200DAD as 0% and #0E085E as 100%.

0.0%	0.0% #200DAD	RGB 32 13 173	#200DAD
16.7%	16.7% #1D0C9F	RGB 29 12 159	#1D0C9F
33.3%	33.3% #1A0B92	RGB 26 11 146	#1A0B92
50.0%	50.0% #170A85	RGB 23 10 133	#170A85
66.7%	66.7% #140978	RGB 20 9 120	#140978
83.3%	83.3% #11086B	RGB 17 8 107	#11086B
100.0%	100.0% #0E085E	RGB 14 8 94	#0E085E

#200DAD #1D0C9F #1A0B92 #170A85 #140978 #11086B #0E085E

#200DAD - #0E085E

HSV Blend

#200DAD - #0E085E | 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 #200DAD as 0% and #0E085E as 100%.

0.0%	0.0% #200DAD	RGB 32 13 173	#200DAD
16.7%	16.7% #1C0C9F	RGB 28 12 159	#1C0C9F
33.3%	33.3% #190B92	RGB 25 11 146	#190B92
50.0%	50.0% #160A85	RGB 22 10 133	#160A85
66.7%	66.7% #130978	RGB 19 9 120	#130978
83.3%	83.3% #10086B	RGB 16 8 107	#10086B
100.0%	100.0% #0E085E	RGB 14 8 94	#0E085E

#200DAD #1C0C9F #190B92 #160A85 #130978 #10086B #0E085E

#200DAD - #160A85 - #0E085E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200DAD 0%, #160A85 50%, #0E085E 100%);
    background: -webkit-linear-gradient(top, #200DAD 0%, #160A85 50%, #0E085E 100%);
    background: linear-gradient(to bottom, #200DAD 0%, #160A85 50%, #0E085E 100%);
}
</style>