#444C7E - #C9CBDA | 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 #444C7E to #C9CBDA

#444C7E #C9CBDA

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

#444C7E - #C9CBDA | 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 #444C7E as 0% and #C9CBDA as 100%.

0.0%	0.0% #444C7E	RGB 68 76 126	#444C7E
16.7%	16.7% #5A618D	RGB 90 97 141	#5A618D
33.3%	33.3% #70769C	RGB 112 118 156	#70769C
50.0%	50.0% #868BAC	RGB 134 139 172	#868BAC
66.7%	66.7% #9CA0BB	RGB 156 160 187	#9CA0BB
83.3%	83.3% #B2B5CA	RGB 178 181 202	#B2B5CA
100.0%	100.0% #C9CBDA	RGB 201 203 218	#C9CBDA

#444C7E #5A618D #70769C #868BAC #9CA0BB #B2B5CA #C9CBDA

#444C7E - #C9CBDA

HSV Blend

#444C7E - #C9CBDA | 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 #444C7E as 0% and #C9CBDA as 100%.

0.0%	0.0% #444B7E	RGB 68 75 126	#444B7E
16.7%	16.7% #555C8D	RGB 85 92 141	#555C8D
33.3%	33.3% #686F9C	RGB 104 111 156	#686F9C
50.0%	50.0% #7D83AC	RGB 125 131 172	#7D83AC
66.7%	66.7% #9499BB	RGB 148 153 187	#9499BB
83.3%	83.3% #ADB1CA	RGB 173 177 202	#ADB1CA
100.0%	100.0% #C9CBDA	RGB 201 203 218	#C9CBDA

#444B7E #555C8D #686F9C #7D83AC #9499BB #ADB1CA #C9CBDA

#444C7E - #7D83AC - #C9CBDA

CSS codes

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

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