#444491 - #C9C9DF | 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 #444491 to #C9C9DF

#444491 #C9C9DF

Calculate the color between two colors, #444491 and #C9C9DF. 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)

#444491 - #C9C9DF | 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 #444491 as 0% and #C9C9DF as 100%.

0.0%	0.0% #444491	RGB 68 68 145	#444491
16.7%	16.7% #5A5A9E	RGB 90 90 158	#5A5A9E
33.3%	33.3% #7070AB	RGB 112 112 171	#7070AB
50.0%	50.0% #8686B8	RGB 134 134 184	#8686B8
66.7%	66.7% #9C9CC5	RGB 156 156 197	#9C9CC5
83.3%	83.3% #B2B2D2	RGB 178 178 210	#B2B2D2
100.0%	100.0% #C9C9DF	RGB 201 201 223	#C9C9DF

#444491 #5A5A9E #7070AB #8686B8 #9C9CC5 #B2B2D2 #C9C9DF

#444491 - #C9C9DF

HSV Blend

#444491 - #C9C9DF | 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 #444491 as 0% and #C9C9DF as 100%.

0.0%	0.0% #444491	RGB 68 68 145	#444491
16.7%	16.7% #55559E	RGB 85 85 158	#55559E
33.3%	33.3% #6868AB	RGB 104 104 171	#6868AB
50.0%	50.0% #7E7EB8	RGB 126 126 184	#7E7EB8
66.7%	66.7% #9595C5	RGB 149 149 197	#9595C5
83.3%	83.3% #AEAED2	RGB 174 174 210	#AEAED2
100.0%	100.0% #C9C9DF	RGB 201 201 223	#C9C9DF

#444491 #55559E #6868AB #7E7EB8 #9595C5 #AEAED2 #C9C9DF

#444491 - #7E7EB8 - #C9C9DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444491 0%, #7E7EB8 50%, #C9C9DF 100%);
    background: -webkit-linear-gradient(top, #444491 0%, #7E7EB8 50%, #C9C9DF 100%);
    background: linear-gradient(to bottom, #444491 0%, #7E7EB8 50%, #C9C9DF 100%);
}
</style>