#44757B - #ADAAA4 | 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 #44757B to #ADAAA4

#44757B #ADAAA4

Calculate the color between two colors, #44757B and #ADAAA4. 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)

#44757B - #ADAAA4 | 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 #44757B as 0% and #ADAAA4 as 100%.

0.0%	0.0% #44757B	RGB 68 117 123	#44757B
16.7%	16.7% #557D81	RGB 85 125 129	#557D81
33.3%	33.3% #678688	RGB 103 134 136	#678688
50.0%	50.0% #788F8F	RGB 120 143 143	#788F8F
66.7%	66.7% #8A9896	RGB 138 152 150	#8A9896
83.3%	83.3% #9BA19D	RGB 155 161 157	#9BA19D
100.0%	100.0% #ADAAA4	RGB 173 170 164	#ADAAA4

#44757B #557D81 #678688 #788F8F #8A9896 #9BA19D #ADAAA4

#44757B - #ADAAA4

HSV Blend

#44757B - #ADAAA4 | 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 #44757B as 0% and #ADAAA4 as 100%.

0.0%	0.0% #44757B	RGB 68 117 123	#44757B
16.7%	16.7% #518374	RGB 81 131 116	#518374
33.3%	33.3% #5F8B6C	RGB 95 139 108	#5F8B6C
50.0%	50.0% #73946F	RGB 115 148 111	#73946F
66.7%	66.7% #8E9C7F	RGB 142 156 127	#8E9C7F
83.3%	83.3% #A3A491	RGB 163 164 145	#A3A491
100.0%	100.0% #ADAAA4	RGB 173 170 164	#ADAAA4

#44757B #518374 #5F8B6C #73946F #8E9C7F #A3A491 #ADAAA4

#44757B - #73946F - #ADAAA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44757B 0%, #73946F 50%, #ADAAA4 100%);
    background: -webkit-linear-gradient(top, #44757B 0%, #73946F 50%, #ADAAA4 100%);
    background: linear-gradient(to bottom, #44757B 0%, #73946F 50%, #ADAAA4 100%);
}
</style>