#2D606B - #8B9D9B | 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 #2D606B to #8B9D9B

#2D606B #8B9D9B

Calculate the color between two colors, #2D606B and #8B9D9B. 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)

#2D606B - #8B9D9B | 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 #2D606B as 0% and #8B9D9B as 100%.

0.0%	0.0% #2D606B	RGB 45 96 107	#2D606B
16.7%	16.7% #3C6A73	RGB 60 106 115	#3C6A73
33.3%	33.3% #4C747B	RGB 76 116 123	#4C747B
50.0%	50.0% #5C7E83	RGB 92 126 131	#5C7E83
66.7%	66.7% #6B888B	RGB 107 136 139	#6B888B
83.3%	83.3% #7B9293	RGB 123 146 147	#7B9293
100.0%	100.0% #8B9D9B	RGB 139 157 155	#8B9D9B

#2D606B #3C6A73 #4C747B #5C7E83 #6B888B #7B9293 #8B9D9B

#2D606B - #8B9D9B

HSV Blend

#2D606B - #8B9D9B | 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 #2D606B as 0% and #8B9D9B as 100%.

0.0%	0.0% #2D606B	RGB 45 96 107	#2D606B
16.7%	16.7% #396B73	RGB 57 107 115	#396B73
33.3%	33.3% #47777B	RGB 71 119 123	#47777B
50.0%	50.0% #568284	RGB 86 130 132	#568284
66.7%	66.7% #668C8B	RGB 102 140 139	#668C8B
83.3%	83.3% #789492	RGB 120 148 146	#789492
100.0%	100.0% #8B9D9B	RGB 139 157 155	#8B9D9B

#2D606B #396B73 #47777B #568284 #668C8B #789492 #8B9D9B

#2D606B - #568284 - #8B9D9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D606B 0%, #568284 50%, #8B9D9B 100%);
    background: -webkit-linear-gradient(top, #2D606B 0%, #568284 50%, #8B9D9B 100%);
    background: linear-gradient(to bottom, #2D606B 0%, #568284 50%, #8B9D9B 100%);
}
</style>