#7E7EAD - #29395F | 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 #7E7EAD to #29395F

#7E7EAD #29395F

Calculate the color between two colors, #7E7EAD and #29395F. 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)

#7E7EAD - #29395F | 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 #7E7EAD as 0% and #29395F as 100%.

0.0%	0.0% #7E7EAD	RGB 126 126 173	#7E7EAD
16.7%	16.7% #6F72A0	RGB 111 114 160	#6F72A0
33.3%	33.3% #616793	RGB 97 103 147	#616793
50.0%	50.0% #535B86	RGB 83 91 134	#535B86
66.7%	66.7% #455079	RGB 69 80 121	#455079
83.3%	83.3% #37446C	RGB 55 68 108	#37446C
100.0%	100.0% #29395F	RGB 41 57 95	#29395F

#7E7EAD #6F72A0 #616793 #535B86 #455079 #37446C #29395F

#7E7EAD - #29395F

HSV Blend

#7E7EAD - #29395F | 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 #7E7EAD as 0% and #29395F as 100%.

0.0%	0.0% #7E7EAD	RGB 126 126 173	#7E7EAD
16.7%	16.7% #6C6FA0	RGB 108 111 160	#6C6FA0
33.3%	33.3% #5C6193	RGB 92 97 147	#5C6193
50.0%	50.0% #4D5686	RGB 77 86 134	#4D5686
66.7%	66.7% #404B79	RGB 64 75 121	#404B79
83.3%	83.3% #33416C	RGB 51 65 108	#33416C
100.0%	100.0% #29395F	RGB 41 57 95	#29395F

#7E7EAD #6C6FA0 #5C6193 #4D5686 #404B79 #33416C #29395F

#7E7EAD - #4D5686 - #29395F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7EAD 0%, #4D5686 50%, #29395F 100%);
    background: -webkit-linear-gradient(top, #7E7EAD 0%, #4D5686 50%, #29395F 100%);
    background: linear-gradient(to bottom, #7E7EAD 0%, #4D5686 50%, #29395F 100%);
}
</style>