#3E73AF - #A0BCCE | 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 #3E73AF to #A0BCCE

#3E73AF #A0BCCE

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

#3E73AF - #A0BCCE | 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 #3E73AF as 0% and #A0BCCE as 100%.

0.0%	0.0% #3E73AF	RGB 62 115 175	#3E73AF
16.7%	16.7% #4E7FB4	RGB 78 127 180	#4E7FB4
33.3%	33.3% #5E8BB9	RGB 94 139 185	#5E8BB9
50.0%	50.0% #6F97BE	RGB 111 151 190	#6F97BE
66.7%	66.7% #7FA3C3	RGB 127 163 195	#7FA3C3
83.3%	83.3% #8FAFC8	RGB 143 175 200	#8FAFC8
100.0%	100.0% #A0BCCE	RGB 160 188 206	#A0BCCE

#3E73AF #4E7FB4 #5E8BB9 #6F97BE #7FA3C3 #8FAFC8 #A0BCCE

#3E73AF - #A0BCCE

HSV Blend

#3E73AF - #A0BCCE | 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 #3E73AF as 0% and #A0BCCE as 100%.

0.0%	0.0% #3E73AF	RGB 62 115 175	#3E73AF
16.7%	16.7% #4C7FB4	RGB 76 127 180	#4C7FB4
33.3%	33.3% #5B8CB9	RGB 91 140 185	#5B8CB9
50.0%	50.0% #6B98BE	RGB 107 152 190	#6B98BE
66.7%	66.7% #7CA4C3	RGB 124 164 195	#7CA4C3
83.3%	83.3% #8DB0C8	RGB 141 176 200	#8DB0C8
100.0%	100.0% #A0BCCE	RGB 160 188 206	#A0BCCE

#3E73AF #4C7FB4 #5B8CB9 #6B98BE #7CA4C3 #8DB0C8 #A0BCCE

#3E73AF - #6B98BE - #A0BCCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E73AF 0%, #6B98BE 50%, #A0BCCE 100%);
    background: -webkit-linear-gradient(top, #3E73AF 0%, #6B98BE 50%, #A0BCCE 100%);
    background: linear-gradient(to bottom, #3E73AF 0%, #6B98BE 50%, #A0BCCE 100%);
}
</style>