#79A8C2 - #31597D | 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 #79A8C2 to #31597D

#79A8C2 #31597D

Calculate the color between two colors, #79A8C2 and #31597D. 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)

#79A8C2 - #31597D | 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 #79A8C2 as 0% and #31597D as 100%.

0.0%	0.0% #79A8C2	RGB 121 168 194	#79A8C2
16.7%	16.7% #6D9AB6	RGB 109 154 182	#6D9AB6
33.3%	33.3% #618DAB	RGB 97 141 171	#618DAB
50.0%	50.0% #55809F	RGB 85 128 159	#55809F
66.7%	66.7% #497394	RGB 73 115 148	#497394
83.3%	83.3% #3D6688	RGB 61 102 136	#3D6688
100.0%	100.0% #31597D	RGB 49 89 125	#31597D

#79A8C2 #6D9AB6 #618DAB #55809F #497394 #3D6688 #31597D

#79A8C2 - #31597D

HSV Blend

#79A8C2 - #31597D | 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 #79A8C2 as 0% and #31597D as 100%.

0.0%	0.0% #79A8C2	RGB 121 168 194	#79A8C2
16.7%	16.7% #6A9AB6	RGB 106 154 182	#6A9AB6
33.3%	33.3% #5D8CAB	RGB 93 140 171	#5D8CAB
50.0%	50.0% #517E9F	RGB 81 126 159	#517E9F
66.7%	66.7% #457194	RGB 69 113 148	#457194
83.3%	83.3% #3A6588	RGB 58 101 136	#3A6588
100.0%	100.0% #31597D	RGB 49 89 125	#31597D

#79A8C2 #6A9AB6 #5D8CAB #517E9F #457194 #3A6588 #31597D

#79A8C2 - #517E9F - #31597D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79A8C2 0%, #517E9F 50%, #31597D 100%);
    background: -webkit-linear-gradient(top, #79A8C2 0%, #517E9F 50%, #31597D 100%);
    background: linear-gradient(to bottom, #79A8C2 0%, #517E9F 50%, #31597D 100%);
}
</style>