#1F5E84 - #BFD1DB | 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 #1F5E84 to #BFD1DB

#1F5E84 #BFD1DB

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

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

0.0%	0.0% #1F5E84	RGB 31 94 132	#1F5E84
16.7%	16.7% #397192	RGB 57 113 146	#397192
33.3%	33.3% #5484A1	RGB 84 132 161	#5484A1
50.0%	50.0% #6F97AF	RGB 111 151 175	#6F97AF
66.7%	66.7% #89AABE	RGB 137 170 190	#89AABE
83.3%	83.3% #A4BDCC	RGB 164 189 204	#A4BDCC
100.0%	100.0% #BFD1DB	RGB 191 209 219	#BFD1DB

#1F5E84 #397192 #5484A1 #6F97AF #89AABE #A4BDCC #BFD1DB

#1F5E84 - #BFD1DB

HSV Blend

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

0.0%	0.0% #1F5D84	RGB 31 93 132	#1F5D84
16.7%	16.7% #316E92	RGB 49 110 146	#316E92
33.3%	33.3% #4880A1	RGB 72 128 161	#4880A1
50.0%	50.0% #6192AF	RGB 97 146 175	#6192AF
66.7%	66.7% #7DA6BE	RGB 125 166 190	#7DA6BE
83.3%	83.3% #9CBBCC	RGB 156 187 204	#9CBBCC
100.0%	100.0% #BFD1DB	RGB 191 209 219	#BFD1DB

#1F5D84 #316E92 #4880A1 #6192AF #7DA6BE #9CBBCC #BFD1DB

#1F5E84 - #6192AF - #BFD1DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5D84 0%, #6192AF 50%, #BFD1DB 100%);
    background: -webkit-linear-gradient(top, #1F5D84 0%, #6192AF 50%, #BFD1DB 100%);
    background: linear-gradient(to bottom, #1F5D84 0%, #6192AF 50%, #BFD1DB 100%);
}
</style>