#444D9C - #8A96C2 | 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 #444D9C to #8A96C2

#444D9C #8A96C2

Calculate the color between two colors, #444D9C and #8A96C2. 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)

#444D9C - #8A96C2 | 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 #444D9C as 0% and #8A96C2 as 100%.

0.0%	0.0% #444D9C	RGB 68 77 156	#444D9C
16.7%	16.7% #4F59A2	RGB 79 89 162	#4F59A2
33.3%	33.3% #5B65A8	RGB 91 101 168	#5B65A8
50.0%	50.0% #6771AF	RGB 103 113 175	#6771AF
66.7%	66.7% #727DB5	RGB 114 125 181	#727DB5
83.3%	83.3% #7E89BB	RGB 126 137 187	#7E89BB
100.0%	100.0% #8A96C2	RGB 138 150 194	#8A96C2

#444D9C #4F59A2 #5B65A8 #6771AF #727DB5 #7E89BB #8A96C2

#444D9C - #8A96C2

HSV Blend

#444D9C - #8A96C2 | 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 #444D9C as 0% and #8A96C2 as 100%.

0.0%	0.0% #444D9C	RGB 68 77 156	#444D9C
16.7%	16.7% #4E58A2	RGB 78 88 162	#4E58A2
33.3%	33.3% #5964A8	RGB 89 100 168	#5964A8
50.0%	50.0% #6470AF	RGB 100 112 175	#6470AF
66.7%	66.7% #707CB5	RGB 112 124 181	#707CB5
83.3%	83.3% #7C89BB	RGB 124 137 187	#7C89BB
100.0%	100.0% #8A96C2	RGB 138 150 194	#8A96C2

#444D9C #4E58A2 #5964A8 #6470AF #707CB5 #7C89BB #8A96C2

#444D9C - #6470AF - #8A96C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444D9C 0%, #6470AF 50%, #8A96C2 100%);
    background: -webkit-linear-gradient(top, #444D9C 0%, #6470AF 50%, #8A96C2 100%);
    background: linear-gradient(to bottom, #444D9C 0%, #6470AF 50%, #8A96C2 100%);
}
</style>