#1F5E62 - #BFD1D2 | 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 #1F5E62 to #BFD1D2

#1F5E62 #BFD1D2

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

#1F5E62 - #BFD1D2 | 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 #1F5E62 as 0% and #BFD1D2 as 100%.

0.0%	0.0% #1F5E62	RGB 31 94 98	#1F5E62
16.7%	16.7% #397174	RGB 57 113 116	#397174
33.3%	33.3% #548487	RGB 84 132 135	#548487
50.0%	50.0% #6F979A	RGB 111 151 154	#6F979A
66.7%	66.7% #89AAAC	RGB 137 170 172	#89AAAC
83.3%	83.3% #A4BDBF	RGB 164 189 191	#A4BDBF
100.0%	100.0% #BFD1D2	RGB 191 209 210	#BFD1D2

#1F5E62 #397174 #548487 #6F979A #89AAAC #A4BDBF #BFD1D2

#1F5E62 - #BFD1D2

HSV Blend

#1F5E62 - #BFD1D2 | 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 #1F5E62 as 0% and #BFD1D2 as 100%.

0.0%	0.0% #1F5D62	RGB 31 93 98	#1F5D62
16.7%	16.7% #307074	RGB 48 112 116	#307074
33.3%	33.3% #458387	RGB 69 131 135	#458387
50.0%	50.0% #5E969A	RGB 94 150 154	#5E969A
66.7%	66.7% #7AA9AC	RGB 122 169 172	#7AA9AC
83.3%	83.3% #9BBDBF	RGB 155 189 191	#9BBDBF
100.0%	100.0% #BFD1D2	RGB 191 209 210	#BFD1D2

#1F5D62 #307074 #458387 #5E969A #7AA9AC #9BBDBF #BFD1D2

#1F5E62 - #5E969A - #BFD1D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5D62 0%, #5E969A 50%, #BFD1D2 100%);
    background: -webkit-linear-gradient(top, #1F5D62 0%, #5E969A 50%, #BFD1D2 100%);
    background: linear-gradient(to bottom, #1F5D62 0%, #5E969A 50%, #BFD1D2 100%);
}
</style>