#3E5FAD - #74A8D9 | 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 #3E5FAD to #74A8D9

#3E5FAD #74A8D9

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

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

0.0%	0.0% #3E5FAD	RGB 62 95 173	#3E5FAD
16.7%	16.7% #476BB4	RGB 71 107 180	#476BB4
33.3%	33.3% #5077BB	RGB 80 119 187	#5077BB
50.0%	50.0% #5983C3	RGB 89 131 195	#5983C3
66.7%	66.7% #628FCA	RGB 98 143 202	#628FCA
83.3%	83.3% #6B9BD1	RGB 107 155 209	#6B9BD1
100.0%	100.0% #74A8D9	RGB 116 168 217	#74A8D9

#3E5FAD #476BB4 #5077BB #5983C3 #628FCA #6B9BD1 #74A8D9

#3E5FAD - #74A8D9

HSV Blend

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

0.0%	0.0% #3E5FAD	RGB 62 95 173	#3E5FAD
16.7%	16.7% #456AB4	RGB 69 106 180	#456AB4
33.3%	33.3% #4E76BB	RGB 78 118 187	#4E76BB
50.0%	50.0% #5782C3	RGB 87 130 195	#5782C3
66.7%	66.7% #608FCA	RGB 96 143 202	#608FCA
83.3%	83.3% #699BD1	RGB 105 155 209	#699BD1
100.0%	100.0% #74A8D9	RGB 116 168 217	#74A8D9

#3E5FAD #456AB4 #4E76BB #5782C3 #608FCA #699BD1 #74A8D9

#3E5FAD - #5782C3 - #74A8D9

CSS codes

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

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