#3E4DBD - #799CE4 | 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 #3E4DBD to #799CE4

#3E4DBD #799CE4

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

#3E4DBD - #799CE4 | 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 #3E4DBD as 0% and #799CE4 as 100%.

0.0%	0.0% #3E4DBD	RGB 62 77 189	#3E4DBD
16.7%	16.7% #475AC3	RGB 71 90 195	#475AC3
33.3%	33.3% #5167CA	RGB 81 103 202	#5167CA
50.0%	50.0% #5B74D0	RGB 91 116 208	#5B74D0
66.7%	66.7% #6581D7	RGB 101 129 215	#6581D7
83.3%	83.3% #6F8EDD	RGB 111 142 221	#6F8EDD
100.0%	100.0% #799CE4	RGB 121 156 228	#799CE4

#3E4DBD #475AC3 #5167CA #5B74D0 #6581D7 #6F8EDD #799CE4

#3E4DBD - #799CE4

HSV Blend

#3E4DBD - #799CE4 | 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 #3E4DBD as 0% and #799CE4 as 100%.

0.0%	0.0% #3E4CBD	RGB 62 76 189	#3E4CBD
16.7%	16.7% #4659C3	RGB 70 89 195	#4659C3
33.3%	33.3% #4F66CA	RGB 79 102 202	#4F66CA
50.0%	50.0% #5974D0	RGB 89 116 208	#5974D0
66.7%	66.7% #6381D7	RGB 99 129 215	#6381D7
83.3%	83.3% #6E8EDD	RGB 110 142 221	#6E8EDD
100.0%	100.0% #799CE4	RGB 121 156 228	#799CE4

#3E4CBD #4659C3 #4F66CA #5974D0 #6381D7 #6E8EDD #799CE4

#3E4DBD - #5974D0 - #799CE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4CBD 0%, #5974D0 50%, #799CE4 100%);
    background: -webkit-linear-gradient(top, #3E4CBD 0%, #5974D0 50%, #799CE4 100%);
    background: linear-gradient(to bottom, #3E4CBD 0%, #5974D0 50%, #799CE4 100%);
}
</style>