#3E3E74 - #84819C | 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 #3E3E74 to #84819C

#3E3E74 #84819C

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

#3E3E74 - #84819C | 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 #3E3E74 as 0% and #84819C as 100%.

0.0%	0.0% #3E3E74	RGB 62 62 116	#3E3E74
16.7%	16.7% #49497A	RGB 73 73 122	#49497A
33.3%	33.3% #555481	RGB 85 84 129	#555481
50.0%	50.0% #615F88	RGB 97 95 136	#615F88
66.7%	66.7% #6C6A8E	RGB 108 106 142	#6C6A8E
83.3%	83.3% #787595	RGB 120 117 149	#787595
100.0%	100.0% #84819C	RGB 132 129 156	#84819C

#3E3E74 #49497A #555481 #615F88 #6C6A8E #787595 #84819C

#3E3E74 - #84819C

HSV Blend

#3E3E74 - #84819C | 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 #3E3E74 as 0% and #84819C as 100%.

0.0%	0.0% #3E3E74	RGB 62 62 116	#3E3E74
16.7%	16.7% #48477A	RGB 72 71 122	#48477A
33.3%	33.3% #535181	RGB 83 81 129	#535181
50.0%	50.0% #5E5C88	RGB 94 92 136	#5E5C88
66.7%	66.7% #6A688E	RGB 106 104 142	#6A688E
83.3%	83.3% #777495	RGB 119 116 149	#777495
100.0%	100.0% #84819C	RGB 132 129 156	#84819C

#3E3E74 #48477A #535181 #5E5C88 #6A688E #777495 #84819C

#3E3E74 - #5E5C88 - #84819C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E74 0%, #5E5C88 50%, #84819C 100%);
    background: -webkit-linear-gradient(top, #3E3E74 0%, #5E5C88 50%, #84819C 100%);
    background: linear-gradient(to bottom, #3E3E74 0%, #5E5C88 50%, #84819C 100%);
}
</style>