#2D9ECE - #105384 | 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 #2D9ECE to #105384

#2D9ECE #105384

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

#2D9ECE - #105384 | 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 #2D9ECE as 0% and #105384 as 100%.

0.0%	0.0% #2D9ECE	RGB 45 158 206	#2D9ECE
16.7%	16.7% #2891C1	RGB 40 145 193	#2891C1
33.3%	33.3% #2385B5	RGB 35 133 181	#2385B5
50.0%	50.0% #1E78A9	RGB 30 120 169	#1E78A9
66.7%	66.7% #196C9C	RGB 25 108 156	#196C9C
83.3%	83.3% #145F90	RGB 20 95 144	#145F90
100.0%	100.0% #105384	RGB 16 83 132	#105384

#2D9ECE #2891C1 #2385B5 #1E78A9 #196C9C #145F90 #105384

#2D9ECE - #105384

HSV Blend

#2D9ECE - #105384 | 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 #2D9ECE as 0% and #105384 as 100%.

0.0%	0.0% #2D9DCE	RGB 45 157 206	#2D9DCE
16.7%	16.7% #2790C1	RGB 39 144 193	#2790C1
33.3%	33.3% #2183B5	RGB 33 131 181	#2183B5
50.0%	50.0% #1C76A9	RGB 28 118 169	#1C76A9
66.7%	66.7% #186A9C	RGB 24 106 156	#186A9C
83.3%	83.3% #135E90	RGB 19 94 144	#135E90
100.0%	100.0% #105384	RGB 16 83 132	#105384

#2D9DCE #2790C1 #2183B5 #1C76A9 #186A9C #135E90 #105384

#2D9ECE - #1C76A9 - #105384

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D9DCE 0%, #1C76A9 50%, #105384 100%);
    background: -webkit-linear-gradient(top, #2D9DCE 0%, #1C76A9 50%, #105384 100%);
    background: linear-gradient(to bottom, #2D9DCE 0%, #1C76A9 50%, #105384 100%);
}
</style>