#444669 - #C9CAD4 | 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 #444669 to #C9CAD4

#444669 #C9CAD4

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

#444669 - #C9CAD4 | 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 #444669 as 0% and #C9CAD4 as 100%.

0.0%	0.0% #444669	RGB 68 70 105	#444669
16.7%	16.7% #5A5C7A	RGB 90 92 122	#5A5C7A
33.3%	33.3% #70728C	RGB 112 114 140	#70728C
50.0%	50.0% #86889E	RGB 134 136 158	#86889E
66.7%	66.7% #9C9EB0	RGB 156 158 176	#9C9EB0
83.3%	83.3% #B2B4C2	RGB 178 180 194	#B2B4C2
100.0%	100.0% #C9CAD4	RGB 201 202 212	#C9CAD4

#444669 #5A5C7A #70728C #86889E #9C9EB0 #B2B4C2 #C9CAD4

#444669 - #C9CAD4

HSV Blend

#444669 - #C9CAD4 | 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 #444669 as 0% and #C9CAD4 as 100%.

0.0%	0.0% #444569	RGB 68 69 105	#444569
16.7%	16.7% #55577A	RGB 85 87 122	#55577A
33.3%	33.3% #696B8C	RGB 105 107 140	#696B8C
50.0%	50.0% #7E809E	RGB 126 128 158	#7E809E
66.7%	66.7% #9597B0	RGB 149 151 176	#9597B0
83.3%	83.3% #AEB0C2	RGB 174 176 194	#AEB0C2
100.0%	100.0% #C9CAD4	RGB 201 202 212	#C9CAD4

#444569 #55577A #696B8C #7E809E #9597B0 #AEB0C2 #C9CAD4

#444669 - #7E809E - #C9CAD4

CSS codes

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

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