#3E6B8F - #A7B5B6 | 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 #3E6B8F to #A7B5B6

#3E6B8F #A7B5B6

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

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

0.0%	0.0% #3E6B8F	RGB 62 107 143	#3E6B8F
16.7%	16.7% #4F7795	RGB 79 119 149	#4F7795
33.3%	33.3% #61839C	RGB 97 131 156	#61839C
50.0%	50.0% #7290A2	RGB 114 144 162	#7290A2
66.7%	66.7% #849CA9	RGB 132 156 169	#849CA9
83.3%	83.3% #95A8AF	RGB 149 168 175	#95A8AF
100.0%	100.0% #A7B5B6	RGB 167 181 182	#A7B5B6

#3E6B8F #4F7795 #61839C #7290A2 #849CA9 #95A8AF #A7B5B6

#3E6B8F - #A7B5B6

HSV Blend

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

0.0%	0.0% #3E6B8F	RGB 62 107 143	#3E6B8F
16.7%	16.7% #4C7995	RGB 76 121 149	#4C7995
33.3%	33.3% #5C879C	RGB 92 135 156	#5C879C
50.0%	50.0% #6D95A2	RGB 109 149 162	#6D95A2
66.7%	66.7% #7FA1A9	RGB 127 161 169	#7FA1A9
83.3%	83.3% #92ABAF	RGB 146 171 175	#92ABAF
100.0%	100.0% #A7B5B6	RGB 167 181 182	#A7B5B6

#3E6B8F #4C7995 #5C879C #6D95A2 #7FA1A9 #92ABAF #A7B5B6

#3E6B8F - #6D95A2 - #A7B5B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6B8F 0%, #6D95A2 50%, #A7B5B6 100%);
    background: -webkit-linear-gradient(top, #3E6B8F 0%, #6D95A2 50%, #A7B5B6 100%);
    background: linear-gradient(to bottom, #3E6B8F 0%, #6D95A2 50%, #A7B5B6 100%);
}
</style>