#2D9EFF - #044EC9 | 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 #2D9EFF to #044EC9

#2D9EFF #044EC9

Calculate the color between two colors, #2D9EFF and #044EC9. 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)

#2D9EFF - #044EC9 | 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 #2D9EFF as 0% and #044EC9 as 100%.

0.0%	0.0% #2D9EFF	RGB 45 158 255	#2D9EFF
16.7%	16.7% #2690F6	RGB 38 144 246	#2690F6
33.3%	33.3% #1F83ED	RGB 31 131 237	#1F83ED
50.0%	50.0% #1876E4	RGB 24 118 228	#1876E4
66.7%	66.7% #1168DB	RGB 17 104 219	#1168DB
83.3%	83.3% #0A5BD2	RGB 10 91 210	#0A5BD2
100.0%	100.0% #044EC9	RGB 4 78 201	#044EC9

#2D9EFF #2690F6 #1F83ED #1876E4 #1168DB #0A5BD2 #044EC9

#2D9EFF - #044EC9

HSV Blend

#2D9EFF - #044EC9 | 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 #2D9EFF as 0% and #044EC9 as 100%.

0.0%	0.0% #2C9EFF	RGB 44 158 255	#2C9EFF
16.7%	16.7% #248FF6	RGB 36 143 246	#248FF6
33.3%	33.3% #1D81ED	RGB 29 129 237	#1D81ED
50.0%	50.0% #1674E4	RGB 22 116 228	#1674E4
66.7%	66.7% #0F67DB	RGB 15 103 219	#0F67DB
83.3%	83.3% #095AD2	RGB 9 90 210	#095AD2
100.0%	100.0% #044EC9	RGB 4 78 201	#044EC9

#2C9EFF #248FF6 #1D81ED #1674E4 #0F67DB #095AD2 #044EC9

#2D9EFF - #1674E4 - #044EC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C9EFF 0%, #1674E4 50%, #044EC9 100%);
    background: -webkit-linear-gradient(top, #2C9EFF 0%, #1674E4 50%, #044EC9 100%);
    background: linear-gradient(to bottom, #2C9EFF 0%, #1674E4 50%, #044EC9 100%);
}
</style>