#3E3CBD - #160D7E | 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 #3E3CBD to #160D7E

#3E3CBD #160D7E

Calculate the color between two colors, #3E3CBD and #160D7E. 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)

#3E3CBD - #160D7E | 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 #3E3CBD as 0% and #160D7E as 100%.

0.0%	0.0% #3E3CBD	RGB 62 60 189	#3E3CBD
16.7%	16.7% #3734B2	RGB 55 52 178	#3734B2
33.3%	33.3% #302CA8	RGB 48 44 168	#302CA8
50.0%	50.0% #2A249D	RGB 42 36 157	#2A249D
66.7%	66.7% #231C93	RGB 35 28 147	#231C93
83.3%	83.3% #1C1488	RGB 28 20 136	#1C1488
100.0%	100.0% #160D7E	RGB 22 13 126	#160D7E

#3E3CBD #3734B2 #302CA8 #2A249D #231C93 #1C1488 #160D7E

#3E3CBD - #160D7E

HSV Blend

#3E3CBD - #160D7E | 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 #3E3CBD as 0% and #160D7E as 100%.

0.0%	0.0% #3E3CBD	RGB 62 60 189	#3E3CBD
16.7%	16.7% #3532B2	RGB 53 50 178	#3532B2
33.3%	33.3% #2E29A8	RGB 46 41 168	#2E29A8
50.0%	50.0% #27219D	RGB 39 33 157	#27219D
66.7%	66.7% #201993	RGB 32 25 147	#201993
83.3%	83.3% #1B1288	RGB 27 18 136	#1B1288
100.0%	100.0% #160D7E	RGB 22 13 126	#160D7E

#3E3CBD #3532B2 #2E29A8 #27219D #201993 #1B1288 #160D7E

#3E3CBD - #27219D - #160D7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3CBD 0%, #27219D 50%, #160D7E 100%);
    background: -webkit-linear-gradient(top, #3E3CBD 0%, #27219D 50%, #160D7E 100%);
    background: linear-gradient(to bottom, #3E3CBD 0%, #27219D 50%, #160D7E 100%);
}
</style>