#2085B2 - #BFDCE9 | 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 #2085B2 to #BFDCE9

#2085B2 #BFDCE9

Calculate the color between two colors, #2085B2 and #BFDCE9. 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)

#2085B2 - #BFDCE9 | 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 #2085B2 as 0% and #BFDCE9 as 100%.

0.0%	0.0% #2085B2	RGB 32 133 178	#2085B2
16.7%	16.7% #3A93BB	RGB 58 147 187	#3A93BB
33.3%	33.3% #55A2C4	RGB 85 162 196	#55A2C4
50.0%	50.0% #6FB0CD	RGB 111 176 205	#6FB0CD
66.7%	66.7% #8ABFD6	RGB 138 191 214	#8ABFD6
83.3%	83.3% #A4CDDF	RGB 164 205 223	#A4CDDF
100.0%	100.0% #BFDCE9	RGB 191 220 233	#BFDCE9

#2085B2 #3A93BB #55A2C4 #6FB0CD #8ABFD6 #A4CDDF #BFDCE9

#2085B2 - #BFDCE9

HSV Blend

#2085B2 - #BFDCE9 | 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 #2085B2 as 0% and #BFDCE9 as 100%.

0.0%	0.0% #2085B2	RGB 32 133 178	#2085B2
16.7%	16.7% #3591BB	RGB 53 145 187	#3591BB
33.3%	33.3% #4D9FC4	RGB 77 159 196	#4D9FC4
50.0%	50.0% #66ADCD	RGB 102 173 205	#66ADCD
66.7%	66.7% #82BCD6	RGB 130 188 214	#82BCD6
83.3%	83.3% #9FCBDF	RGB 159 203 223	#9FCBDF
100.0%	100.0% #BFDCE9	RGB 191 220 233	#BFDCE9

#2085B2 #3591BB #4D9FC4 #66ADCD #82BCD6 #9FCBDF #BFDCE9

#2085B2 - #66ADCD - #BFDCE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2085B2 0%, #66ADCD 50%, #BFDCE9 100%);
    background: -webkit-linear-gradient(top, #2085B2 0%, #66ADCD 50%, #BFDCE9 100%);
    background: linear-gradient(to bottom, #2085B2 0%, #66ADCD 50%, #BFDCE9 100%);
}
</style>