#3E6F91 - #ABB8B7 | 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 #3E6F91 to #ABB8B7

#3E6F91 #ABB8B7

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

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

0.0%	0.0% #3E6F91	RGB 62 111 145	#3E6F91
16.7%	16.7% #507B97	RGB 80 123 151	#507B97
33.3%	33.3% #62879D	RGB 98 135 157	#62879D
50.0%	50.0% #7493A4	RGB 116 147 164	#7493A4
66.7%	66.7% #869FAA	RGB 134 159 170	#869FAA
83.3%	83.3% #98ABB0	RGB 152 171 176	#98ABB0
100.0%	100.0% #ABB8B7	RGB 171 184 183	#ABB8B7

#3E6F91 #507B97 #62879D #7493A4 #869FAA #98ABB0 #ABB8B7

#3E6F91 - #ABB8B7

HSV Blend

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

0.0%	0.0% #3E6F91	RGB 62 111 145	#3E6F91
16.7%	16.7% #4D7F97	RGB 77 127 151	#4D7F97
33.3%	33.3% #5D8E9E	RGB 93 142 158	#5D8E9E
50.0%	50.0% #6F9BA4	RGB 111 155 164	#6F9BA4
66.7%	66.7% #82A7AB	RGB 130 167 171	#82A7AB
83.3%	83.3% #96B1B1	RGB 150 177 177	#96B1B1
100.0%	100.0% #ABB8B7	RGB 171 184 183	#ABB8B7

#3E6F91 #4D7F97 #5D8E9E #6F9BA4 #82A7AB #96B1B1 #ABB8B7

#3E6F91 - #6F9BA4 - #ABB8B7

CSS codes

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

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