#2CB5E9 - #0469B1 | 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 #2CB5E9 to #0469B1

#2CB5E9 #0469B1

Calculate the color between two colors, #2CB5E9 and #0469B1. 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)

#2CB5E9 - #0469B1 | 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 #2CB5E9 as 0% and #0469B1 as 100%.

0.0%	0.0% #2CB5E9	RGB 44 181 233	#2CB5E9
16.7%	16.7% #25A8DF	RGB 37 168 223	#25A8DF
33.3%	33.3% #1E9BD6	RGB 30 155 214	#1E9BD6
50.0%	50.0% #188FCD	RGB 24 143 205	#188FCD
66.7%	66.7% #1182C3	RGB 17 130 195	#1182C3
83.3%	83.3% #0A75BA	RGB 10 117 186	#0A75BA
100.0%	100.0% #0469B1	RGB 4 105 177	#0469B1

#2CB5E9 #25A8DF #1E9BD6 #188FCD #1182C3 #0A75BA #0469B1

#2CB5E9 - #0469B1

HSV Blend

#2CB5E9 - #0469B1 | 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 #2CB5E9 as 0% and #0469B1 as 100%.

0.0%	0.0% #2BB4E9	RGB 43 180 233	#2BB4E9
16.7%	16.7% #24A7DF	RGB 36 167 223	#24A7DF
33.3%	33.3% #1C9AD6	RGB 28 154 214	#1C9AD6
50.0%	50.0% #158DCD	RGB 21 141 205	#158DCD
66.7%	66.7% #0F81C3	RGB 15 129 195	#0F81C3
83.3%	83.3% #0974BA	RGB 9 116 186	#0974BA
100.0%	100.0% #0469B1	RGB 4 105 177	#0469B1

#2BB4E9 #24A7DF #1C9AD6 #158DCD #0F81C3 #0974BA #0469B1

#2CB5E9 - #158DCD - #0469B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BB4E9 0%, #158DCD 50%, #0469B1 100%);
    background: -webkit-linear-gradient(top, #2BB4E9 0%, #158DCD 50%, #0469B1 100%);
    background: linear-gradient(to bottom, #2BB4E9 0%, #158DCD 50%, #0469B1 100%);
}
</style>