#3239A8 - #6886D9 | 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 #3239A8 to #6886D9

#3239A8 #6886D9

Calculate the color between two colors, #3239A8 and #6886D9. 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)

#3239A8 - #6886D9 | 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 #3239A8 as 0% and #6886D9 as 100%.

0.0%	0.0% #3239A8	RGB 50 57 168	#3239A8
16.7%	16.7% #3B45B0	RGB 59 69 176	#3B45B0
33.3%	33.3% #4452B8	RGB 68 82 184	#4452B8
50.0%	50.0% #4D5FC0	RGB 77 95 192	#4D5FC0
66.7%	66.7% #566CC8	RGB 86 108 200	#566CC8
83.3%	83.3% #5F79D0	RGB 95 121 208	#5F79D0
100.0%	100.0% #6886D9	RGB 104 134 217	#6886D9

#3239A8 #3B45B0 #4452B8 #4D5FC0 #566CC8 #5F79D0 #6886D9

#3239A8 - #6886D9

HSV Blend

#3239A8 - #6886D9 | 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 #3239A8 as 0% and #6886D9 as 100%.

0.0%	0.0% #3239A8	RGB 50 57 168	#3239A8
16.7%	16.7% #3944B0	RGB 57 68 176	#3944B0
33.3%	33.3% #4251B8	RGB 66 81 184	#4251B8
50.0%	50.0% #4A5DC0	RGB 74 93 192	#4A5DC0
66.7%	66.7% #546AC8	RGB 84 106 200	#546AC8
83.3%	83.3% #5D78D0	RGB 93 120 208	#5D78D0
100.0%	100.0% #6886D9	RGB 104 134 217	#6886D9

#3239A8 #3944B0 #4251B8 #4A5DC0 #546AC8 #5D78D0 #6886D9

#3239A8 - #4A5DC0 - #6886D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3239A8 0%, #4A5DC0 50%, #6886D9 100%);
    background: -webkit-linear-gradient(top, #3239A8 0%, #4A5DC0 50%, #6886D9 100%);
    background: linear-gradient(to bottom, #3239A8 0%, #4A5DC0 50%, #6886D9 100%);
}
</style>