#1D5E76 - #8FB1AD | 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 #1D5E76 to #8FB1AD

#1D5E76 #8FB1AD

Calculate the color between two colors, #1D5E76 and #8FB1AD. 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)

#1D5E76 - #8FB1AD | 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 #1D5E76 as 0% and #8FB1AD as 100%.

0.0%	0.0% #1D5E76	RGB 29 94 118	#1D5E76
16.7%	16.7% #306B7F	RGB 48 107 127	#306B7F
33.3%	33.3% #437988	RGB 67 121 136	#437988
50.0%	50.0% #568791	RGB 86 135 145	#568791
66.7%	66.7% #69959A	RGB 105 149 154	#69959A
83.3%	83.3% #7CA3A3	RGB 124 163 163	#7CA3A3
100.0%	100.0% #8FB1AD	RGB 143 177 173	#8FB1AD

#1D5E76 #306B7F #437988 #568791 #69959A #7CA3A3 #8FB1AD

#1D5E76 - #8FB1AD

HSV Blend

#1D5E76 - #8FB1AD | 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 #1D5E76 as 0% and #8FB1AD as 100%.

0.0%	0.0% #1D5E76	RGB 29 94 118	#1D5E76
16.7%	16.7% #2B6E7F	RGB 43 110 127	#2B6E7F
33.3%	33.3% #3B7E89	RGB 59 126 137	#3B7E89
50.0%	50.0% #4D8E93	RGB 77 142 147	#4D8E93
66.7%	66.7% #619C9D	RGB 97 156 157	#619C9D
83.3%	83.3% #77A7A4	RGB 119 167 164	#77A7A4
100.0%	100.0% #8FB1AD	RGB 143 177 173	#8FB1AD

#1D5E76 #2B6E7F #3B7E89 #4D8E93 #619C9D #77A7A4 #8FB1AD

#1D5E76 - #4D8E93 - #8FB1AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D5E76 0%, #4D8E93 50%, #8FB1AD 100%);
    background: -webkit-linear-gradient(top, #1D5E76 0%, #4D8E93 50%, #8FB1AD 100%);
    background: linear-gradient(to bottom, #1D5E76 0%, #4D8E93 50%, #8FB1AD 100%);
}
</style>