#3E5E72 - #A5A79E | 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 #3E5E72 to #A5A79E

#3E5E72 #A5A79E

Calculate the color between two colors, #3E5E72 and #A5A79E. 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)

#3E5E72 - #A5A79E | 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 #3E5E72 as 0% and #A5A79E as 100%.

0.0%	0.0% #3E5E72	RGB 62 94 114	#3E5E72
16.7%	16.7% #4F6A79	RGB 79 106 121	#4F6A79
33.3%	33.3% #607680	RGB 96 118 128	#607680
50.0%	50.0% #718288	RGB 113 130 136	#718288
66.7%	66.7% #828E8F	RGB 130 142 143	#828E8F
83.3%	83.3% #939A96	RGB 147 154 150	#939A96
100.0%	100.0% #A5A79E	RGB 165 167 158	#A5A79E

#3E5E72 #4F6A79 #607680 #718288 #828E8F #939A96 #A5A79E

#3E5E72 - #A5A79E

HSV Blend

#3E5E72 - #A5A79E | 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 #3E5E72 as 0% and #A5A79E as 100%.

0.0%	0.0% #3E5D72	RGB 62 93 114	#3E5D72
16.7%	16.7% #4B797A	RGB 75 121 122	#4B797A
33.3%	33.3% #598375	RGB 89 131 117	#598375
50.0%	50.0% #688C73	RGB 104 140 115	#688C73
66.7%	66.7% #7A9579	RGB 122 149 121	#7A9579
83.3%	83.3% #939E8B	RGB 147 158 139	#939E8B
100.0%	100.0% #A5A79E	RGB 165 167 158	#A5A79E

#3E5D72 #4B797A #598375 #688C73 #7A9579 #939E8B #A5A79E

#3E5E72 - #688C73 - #A5A79E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D72 0%, #688C73 50%, #A5A79E 100%);
    background: -webkit-linear-gradient(top, #3E5D72 0%, #688C73 50%, #A5A79E 100%);
    background: linear-gradient(to bottom, #3E5D72 0%, #688C73 50%, #A5A79E 100%);
}
</style>