#8DA2B5 - #3E536E | 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 #8DA2B5 to #3E536E

#8DA2B5 #3E536E

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

#8DA2B5 - #3E536E | 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 #8DA2B5 as 0% and #3E536E as 100%.

0.0%	0.0% #8DA2B5	RGB 141 162 181	#8DA2B5
16.7%	16.7% #7F94A9	RGB 127 148 169	#7F94A9
33.3%	33.3% #72879D	RGB 114 135 157	#72879D
50.0%	50.0% #657A91	RGB 101 122 145	#657A91
66.7%	66.7% #586D85	RGB 88 109 133	#586D85
83.3%	83.3% #4B6079	RGB 75 96 121	#4B6079
100.0%	100.0% #3E536E	RGB 62 83 110	#3E536E

#8DA2B5 #7F94A9 #72879D #657A91 #586D85 #4B6079 #3E536E

#8DA2B5 - #3E536E

HSV Blend

#8DA2B5 - #3E536E | 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 #8DA2B5 as 0% and #3E536E as 100%.

0.0%	0.0% #8DA2B5	RGB 141 162 181	#8DA2B5
16.7%	16.7% #7D93A9	RGB 125 147 169	#7D93A9
33.3%	33.3% #6F869D	RGB 111 134 157	#6F869D
50.0%	50.0% #617891	RGB 97 120 145	#617891
66.7%	66.7% #546B85	RGB 84 107 133	#546B85
83.3%	83.3% #495F79	RGB 73 95 121	#495F79
100.0%	100.0% #3E536E	RGB 62 83 110	#3E536E

#8DA2B5 #7D93A9 #6F869D #617891 #546B85 #495F79 #3E536E

#8DA2B5 - #617891 - #3E536E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DA2B5 0%, #617891 50%, #3E536E 100%);
    background: -webkit-linear-gradient(top, #8DA2B5 0%, #617891 50%, #3E536E 100%);
    background: linear-gradient(to bottom, #8DA2B5 0%, #617891 50%, #3E536E 100%);
}
</style>