#3E3E98 - #7B87C3 | 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 #3E3E98 to #7B87C3

#3E3E98 #7B87C3

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

#3E3E98 - #7B87C3 | 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 #3E3E98 as 0% and #7B87C3 as 100%.

0.0%	0.0% #3E3E98	RGB 62 62 152	#3E3E98
16.7%	16.7% #484A9F	RGB 72 74 159	#484A9F
33.3%	33.3% #5256A6	RGB 82 86 166	#5256A6
50.0%	50.0% #5C62AD	RGB 92 98 173	#5C62AD
66.7%	66.7% #666EB4	RGB 102 110 180	#666EB4
83.3%	83.3% #707ABB	RGB 112 122 187	#707ABB
100.0%	100.0% #7B87C3	RGB 123 135 195	#7B87C3

#3E3E98 #484A9F #5256A6 #5C62AD #666EB4 #707ABB #7B87C3

#3E3E98 - #7B87C3

HSV Blend

#3E3E98 - #7B87C3 | 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 #3E3E98 as 0% and #7B87C3 as 100%.

0.0%	0.0% #3E3E98	RGB 62 62 152	#3E3E98
16.7%	16.7% #46499F	RGB 70 73 159	#46499F
33.3%	33.3% #5054A6	RGB 80 84 166	#5054A6
50.0%	50.0% #5A61AD	RGB 90 97 173	#5A61AD
66.7%	66.7% #646DB4	RGB 100 109 180	#646DB4
83.3%	83.3% #6F7ABB	RGB 111 122 187	#6F7ABB
100.0%	100.0% #7B87C3	RGB 123 135 195	#7B87C3

#3E3E98 #46499F #5054A6 #5A61AD #646DB4 #6F7ABB #7B87C3

#3E3E98 - #5A61AD - #7B87C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E98 0%, #5A61AD 50%, #7B87C3 100%);
    background: -webkit-linear-gradient(top, #3E3E98 0%, #5A61AD 50%, #7B87C3 100%);
    background: linear-gradient(to bottom, #3E3E98 0%, #5A61AD 50%, #7B87C3 100%);
}
</style>