#3E5EAC - #74A8D8 | 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 #3E5EAC to #74A8D8

#3E5EAC #74A8D8

Calculate the color between two colors, #3E5EAC and #74A8D8. 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)

#3E5EAC - #74A8D8 | 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 #3E5EAC as 0% and #74A8D8 as 100%.

0.0%	0.0% #3E5EAC	RGB 62 94 172	#3E5EAC
16.7%	16.7% #476AB3	RGB 71 106 179	#476AB3
33.3%	33.3% #5076BA	RGB 80 118 186	#5076BA
50.0%	50.0% #5983C2	RGB 89 131 194	#5983C2
66.7%	66.7% #628FC9	RGB 98 143 201	#628FC9
83.3%	83.3% #6B9BD0	RGB 107 155 208	#6B9BD0
100.0%	100.0% #74A8D8	RGB 116 168 216	#74A8D8

#3E5EAC #476AB3 #5076BA #5983C2 #628FC9 #6B9BD0 #74A8D8

#3E5EAC - #74A8D8

HSV Blend

#3E5EAC - #74A8D8 | 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 #3E5EAC as 0% and #74A8D8 as 100%.

0.0%	0.0% #3E5DAC	RGB 62 93 172	#3E5DAC
16.7%	16.7% #4569B3	RGB 69 105 179	#4569B3
33.3%	33.3% #4E76BA	RGB 78 118 186	#4E76BA
50.0%	50.0% #5782C2	RGB 87 130 194	#5782C2
66.7%	66.7% #608EC9	RGB 96 142 201	#608EC9
83.3%	83.3% #699BD0	RGB 105 155 208	#699BD0
100.0%	100.0% #74A8D8	RGB 116 168 216	#74A8D8

#3E5DAC #4569B3 #4E76BA #5782C2 #608EC9 #699BD0 #74A8D8

#3E5EAC - #5782C2 - #74A8D8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5DAC 0%, #5782C2 50%, #74A8D8 100%);
    background: -webkit-linear-gradient(top, #3E5DAC 0%, #5782C2 50%, #74A8D8 100%);
    background: linear-gradient(to bottom, #3E5DAC 0%, #5782C2 50%, #74A8D8 100%);
}
</style>