#4E3A8F - #74C7DA | 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 #4E3A8F to #74C7DA

#4E3A8F #74C7DA

Calculate the color between two colors, #4E3A8F and #74C7DA. 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)

#4E3A8F - #74C7DA | 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 #4E3A8F as 0% and #74C7DA as 100%.

0.0%	0.0% #4E3A8F	RGB 78 58 143	#4E3A8F
16.7%	16.7% #54519B	RGB 84 81 155	#54519B
33.3%	33.3% #5A69A8	RGB 90 105 168	#5A69A8
50.0%	50.0% #6180B4	RGB 97 128 180	#6180B4
66.7%	66.7% #6798C1	RGB 103 152 193	#6798C1
83.3%	83.3% #6DAFCD	RGB 109 175 205	#6DAFCD
100.0%	100.0% #74C7DA	RGB 116 199 218	#74C7DA

#4E3A8F #54519B #5A69A8 #6180B4 #6798C1 #6DAFCD #74C7DA

#4E3A8F - #74C7DA

HSV Blend

#4E3A8F - #74C7DA | 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 #4E3A8F as 0% and #74C7DA as 100%.

0.0%	0.0% #4E3A8F	RGB 78 58 143	#4E3A8F
16.7%	16.7% #47429B	RGB 71 66 155	#47429B
33.3%	33.3% #4B55A8	RGB 75 85 168	#4B55A8
50.0%	50.0% #5470B4	RGB 84 112 180	#5470B4
66.7%	66.7% #5E8CC1	RGB 94 140 193	#5E8CC1
83.3%	83.3% #69A9CD	RGB 105 169 205	#69A9CD
100.0%	100.0% #74C7DA	RGB 116 199 218	#74C7DA

#4E3A8F #47429B #4B55A8 #5470B4 #5E8CC1 #69A9CD #74C7DA

#4E3A8F - #5470B4 - #74C7DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3A8F 0%, #5470B4 50%, #74C7DA 100%);
    background: -webkit-linear-gradient(top, #4E3A8F 0%, #5470B4 50%, #74C7DA 100%);
    background: linear-gradient(to bottom, #4E3A8F 0%, #5470B4 50%, #74C7DA 100%);
}
</style>