#7F9FDA - #2D4D99 | 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 #7F9FDA to #2D4D99

#7F9FDA #2D4D99

Calculate the color between two colors, #7F9FDA and #2D4D99. 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)

#7F9FDA - #2D4D99 | 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 #7F9FDA as 0% and #2D4D99 as 100%.

0.0%	0.0% #7F9FDA	RGB 127 159 218	#7F9FDA
16.7%	16.7% #7191CF	RGB 113 145 207	#7191CF
33.3%	33.3% #6383C4	RGB 99 131 196	#6383C4
50.0%	50.0% #5676B9	RGB 86 118 185	#5676B9
66.7%	66.7% #4868AE	RGB 72 104 174	#4868AE
83.3%	83.3% #3A5AA3	RGB 58 90 163	#3A5AA3
100.0%	100.0% #2D4D99	RGB 45 77 153	#2D4D99

#7F9FDA #7191CF #6383C4 #5676B9 #4868AE #3A5AA3 #2D4D99

#7F9FDA - #2D4D99

HSV Blend

#7F9FDA - #2D4D99 | 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 #7F9FDA as 0% and #2D4D99 as 100%.

0.0%	0.0% #7F9EDA	RGB 127 158 218	#7F9EDA
16.7%	16.7% #6E8FCF	RGB 110 143 207	#6E8FCF
33.3%	33.3% #5F81C4	RGB 95 129 196	#5F81C4
50.0%	50.0% #5173B9	RGB 81 115 185	#5173B9
66.7%	66.7% #4465AE	RGB 68 101 174	#4465AE
83.3%	83.3% #3858A3	RGB 56 88 163	#3858A3
100.0%	100.0% #2D4D99	RGB 45 77 153	#2D4D99

#7F9EDA #6E8FCF #5F81C4 #5173B9 #4465AE #3858A3 #2D4D99

#7F9FDA - #5173B9 - #2D4D99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F9EDA 0%, #5173B9 50%, #2D4D99 100%);
    background: -webkit-linear-gradient(top, #7F9EDA 0%, #5173B9 50%, #2D4D99 100%);
    background: linear-gradient(to bottom, #7F9EDA 0%, #5173B9 50%, #2D4D99 100%);
}
</style>