#2D2DF5 - #3E8CFF | 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 #2D2DF5 to #3E8CFF

#2D2DF5 #3E8CFF

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

#2D2DF5 - #3E8CFF | 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 #2D2DF5 as 0% and #3E8CFF as 100%.

0.0%	0.0% #2D2DF5	RGB 45 45 245	#2D2DF5
16.7%	16.7% #2F3CF6	RGB 47 60 246	#2F3CF6
33.3%	33.3% #324CF8	RGB 50 76 248	#324CF8
50.0%	50.0% #355CFA	RGB 53 92 250	#355CFA
66.7%	66.7% #386CFB	RGB 56 108 251	#386CFB
83.3%	83.3% #3B7CFD	RGB 59 124 253	#3B7CFD
100.0%	100.0% #3E8CFF	RGB 62 140 255	#3E8CFF

#2D2DF5 #2F3CF6 #324CF8 #355CFA #386CFB #3B7CFD #3E8CFF

#2D2DF5 - #3E8CFF

HSV Blend

#2D2DF5 - #3E8CFF | 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 #2D2DF5 as 0% and #3E8CFF as 100%.

0.0%	0.0% #2D2CF5	RGB 45 44 245	#2D2CF5
16.7%	16.7% #2F3DF6	RGB 47 61 246	#2F3DF6
33.3%	33.3% #324DF8	RGB 50 77 248	#324DF8
50.0%	50.0% #355DFA	RGB 53 93 250	#355DFA
66.7%	66.7% #386CFB	RGB 56 108 251	#386CFB
83.3%	83.3% #3B7CFD	RGB 59 124 253	#3B7CFD
100.0%	100.0% #3E8CFF	RGB 62 140 255	#3E8CFF

#2D2CF5 #2F3DF6 #324DF8 #355DFA #386CFB #3B7CFD #3E8CFF

#2D2DF5 - #355DFA - #3E8CFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2CF5 0%, #355DFA 50%, #3E8CFF 100%);
    background: -webkit-linear-gradient(top, #2D2CF5 0%, #355DFA 50%, #3E8CFF 100%);
    background: linear-gradient(to bottom, #2D2CF5 0%, #355DFA 50%, #3E8CFF 100%);
}
</style>