#3D3DC1 - #6B8DEE | 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 #3D3DC1 to #6B8DEE

#3D3DC1 #6B8DEE

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

#3D3DC1 - #6B8DEE | 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 #3D3DC1 as 0% and #6B8DEE as 100%.

0.0%	0.0% #3D3DC1	RGB 61 61 193	#3D3DC1
16.7%	16.7% #444AC8	RGB 68 74 200	#444AC8
33.3%	33.3% #4C57D0	RGB 76 87 208	#4C57D0
50.0%	50.0% #5465D7	RGB 84 101 215	#5465D7
66.7%	66.7% #5B72DF	RGB 91 114 223	#5B72DF
83.3%	83.3% #637FE6	RGB 99 127 230	#637FE6
100.0%	100.0% #6B8DEE	RGB 107 141 238	#6B8DEE

#3D3DC1 #444AC8 #4C57D0 #5465D7 #5B72DF #637FE6 #6B8DEE

#3D3DC1 - #6B8DEE

HSV Blend

#3D3DC1 - #6B8DEE | 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 #3D3DC1 as 0% and #6B8DEE as 100%.

0.0%	0.0% #3D3DC1	RGB 61 61 193	#3D3DC1
16.7%	16.7% #4349C8	RGB 67 73 200	#4349C8
33.3%	33.3% #4A56D0	RGB 74 86 208	#4A56D0
50.0%	50.0% #5263D7	RGB 82 99 215	#5263D7
66.7%	66.7% #5A71DF	RGB 90 113 223	#5A71DF
83.3%	83.3% #627FE6	RGB 98 127 230	#627FE6
100.0%	100.0% #6B8DEE	RGB 107 141 238	#6B8DEE

#3D3DC1 #4349C8 #4A56D0 #5263D7 #5A71DF #627FE6 #6B8DEE

#3D3DC1 - #5263D7 - #6B8DEE

CSS codes

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

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