#3D0E6B - #3E4BC8 | 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 #3D0E6B to #3E4BC8

#3D0E6B #3E4BC8

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

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

0.0%	0.0% #3D0E6B	RGB 61 14 107	#3D0E6B
16.7%	16.7% #3D187A	RGB 61 24 122	#3D187A
33.3%	33.3% #3D228A	RGB 61 34 138	#3D228A
50.0%	50.0% #3D2C99	RGB 61 44 153	#3D2C99
66.7%	66.7% #3D36A9	RGB 61 54 169	#3D36A9
83.3%	83.3% #3D40B8	RGB 61 64 184	#3D40B8
100.0%	100.0% #3E4BC8	RGB 62 75 200	#3E4BC8

#3D0E6B #3D187A #3D228A #3D2C99 #3D36A9 #3D40B8 #3E4BC8

#3D0E6B - #3E4BC8

HSV Blend

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

0.0%	0.0% #3C0E6B	RGB 60 14 107	#3C0E6B
16.7%	16.7% #3D137A	RGB 61 19 122	#3D137A
33.3%	33.3% #3C1A8A	RGB 60 26 138	#3C1A8A
50.0%	50.0% #3A2199	RGB 58 33 153	#3A2199
66.7%	66.7% #372AA9	RGB 55 42 169	#372AA9
83.3%	83.3% #3433B8	RGB 52 51 184	#3433B8
100.0%	100.0% #3E4BC8	RGB 62 75 200	#3E4BC8

#3C0E6B #3D137A #3C1A8A #3A2199 #372AA9 #3433B8 #3E4BC8

#3D0E6B - #3A2199 - #3E4BC8

CSS codes

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

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