#3E47DA - #689BFF | 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 #3E47DA to #689BFF

#3E47DA #689BFF

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

#3E47DA - #689BFF | 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 #3E47DA as 0% and #689BFF as 100%.

0.0%	0.0% #3E47DA	RGB 62 71 218	#3E47DA
16.7%	16.7% #4555E0	RGB 69 85 224	#4555E0
33.3%	33.3% #4C63E6	RGB 76 99 230	#4C63E6
50.0%	50.0% #5371EC	RGB 83 113 236	#5371EC
66.7%	66.7% #5A7FF2	RGB 90 127 242	#5A7FF2
83.3%	83.3% #618DF8	RGB 97 141 248	#618DF8
100.0%	100.0% #689BFF	RGB 104 155 255	#689BFF

#3E47DA #4555E0 #4C63E6 #5371EC #5A7FF2 #618DF8 #689BFF

#3E47DA - #689BFF

HSV Blend

#3E47DA - #689BFF | 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 #3E47DA as 0% and #689BFF as 100%.

0.0%	0.0% #3E47DA	RGB 62 71 218	#3E47DA
16.7%	16.7% #4454E0	RGB 68 84 224	#4454E0
33.3%	33.3% #4A62E6	RGB 74 98 230	#4A62E6
50.0%	50.0% #5170EC	RGB 81 112 236	#5170EC
66.7%	66.7% #587EF2	RGB 88 126 242	#587EF2
83.3%	83.3% #608CF8	RGB 96 140 248	#608CF8
100.0%	100.0% #689BFF	RGB 104 155 255	#689BFF

#3E47DA #4454E0 #4A62E6 #5170EC #587EF2 #608CF8 #689BFF

#3E47DA - #5170EC - #689BFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E47DA 0%, #5170EC 50%, #689BFF 100%);
    background: -webkit-linear-gradient(top, #3E47DA 0%, #5170EC 50%, #689BFF 100%);
    background: linear-gradient(to bottom, #3E47DA 0%, #5170EC 50%, #689BFF 100%);
}
</style>