#3E64B7 - #A795D4 | 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 #3E64B7 to #A795D4

#3E64B7 #A795D4

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

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

0.0%	0.0% #3E64B7	RGB 62 100 183	#3E64B7
16.7%	16.7% #4F6CBB	RGB 79 108 187	#4F6CBB
33.3%	33.3% #6174C0	RGB 97 116 192	#6174C0
50.0%	50.0% #727CC5	RGB 114 124 197	#727CC5
66.7%	66.7% #8484CA	RGB 132 132 202	#8484CA
83.3%	83.3% #958CCF	RGB 149 140 207	#958CCF
100.0%	100.0% #A795D4	RGB 167 149 212	#A795D4

#3E64B7 #4F6CBB #6174C0 #727CC5 #8484CA #958CCF #A795D4

#3E64B7 - #A795D4

HSV Blend

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

0.0%	0.0% #3E64B7	RGB 62 100 183	#3E64B7
16.7%	16.7% #4B63BB	RGB 75 99 187	#4B63BB
33.3%	33.3% #5864C0	RGB 88 100 192	#5864C0
50.0%	50.0% #6668C5	RGB 102 104 197	#6668C5
66.7%	66.7% #7C75CA	RGB 124 117 202	#7C75CA
83.3%	83.3% #9285CF	RGB 146 133 207	#9285CF
100.0%	100.0% #A795D4	RGB 167 149 212	#A795D4

#3E64B7 #4B63BB #5864C0 #6668C5 #7C75CA #9285CF #A795D4

#3E64B7 - #6668C5 - #A795D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E64B7 0%, #6668C5 50%, #A795D4 100%);
    background: -webkit-linear-gradient(top, #3E64B7 0%, #6668C5 50%, #A795D4 100%);
    background: linear-gradient(to bottom, #3E64B7 0%, #6668C5 50%, #A795D4 100%);
}
</style>