#144C5E - #799E9C | 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 #144C5E to #799E9C

#144C5E #799E9C

Calculate the color between two colors, #144C5E and #799E9C. 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)

#144C5E - #799E9C | 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 #144C5E as 0% and #799E9C as 100%.

0.0%	0.0% #144C5E	RGB 20 76 94	#144C5E
16.7%	16.7% #245968	RGB 36 89 104	#245968
33.3%	33.3% #356772	RGB 53 103 114	#356772
50.0%	50.0% #46757D	RGB 70 117 125	#46757D
66.7%	66.7% #578287	RGB 87 130 135	#578287
83.3%	83.3% #689091	RGB 104 144 145	#689091
100.0%	100.0% #799E9C	RGB 121 158 156	#799E9C

#144C5E #245968 #356772 #46757D #578287 #689091 #799E9C

#144C5E - #799E9C

HSV Blend

#144C5E - #799E9C | 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 #144C5E as 0% and #799E9C as 100%.

0.0%	0.0% #134C5E	RGB 19 76 94	#134C5E
16.7%	16.7% #1F5A68	RGB 31 90 104	#1F5A68
33.3%	33.3% #2D6973	RGB 45 105 115	#2D6973
50.0%	50.0% #3D777E	RGB 61 119 126	#3D777E
66.7%	66.7% #4F8688	RGB 79 134 136	#4F8688
83.3%	83.3% #639393	RGB 99 147 147	#639393
100.0%	100.0% #799E9C	RGB 121 158 156	#799E9C

#134C5E #1F5A68 #2D6973 #3D777E #4F8688 #639393 #799E9C

#144C5E - #3D777E - #799E9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #134C5E 0%, #3D777E 50%, #799E9C 100%);
    background: -webkit-linear-gradient(top, #134C5E 0%, #3D777E 50%, #799E9C 100%);
    background: linear-gradient(to bottom, #134C5E 0%, #3D777E 50%, #799E9C 100%);
}
</style>