#3900D1 - #A8FFE6 | 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 #3900D1 to #A8FFE6

#3900D1 #A8FFE6

Calculate the color between two colors, #3900D1 and #A8FFE6. 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)

#3900D1 - #A8FFE6 | 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 #3900D1 as 0% and #A8FFE6 as 100%.

0.0%	0.0% #3900D1	RGB 57 0 209	#3900D1
16.7%	16.7% #4B2AD4	RGB 75 42 212	#4B2AD4
33.3%	33.3% #5E55D8	RGB 94 85 216	#5E55D8
50.0%	50.0% #707FDB	RGB 112 127 219	#707FDB
66.7%	66.7% #83AADF	RGB 131 170 223	#83AADF
83.3%	83.3% #95D4E2	RGB 149 212 226	#95D4E2
100.0%	100.0% #A8FFE6	RGB 168 255 230	#A8FFE6

#3900D1 #4B2AD4 #5E55D8 #707FDB #83AADF #95D4E2 #A8FFE6

#3900D1 - #A8FFE6

HSV Blend

#3900D1 - #A8FFE6 | 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 #3900D1 as 0% and #A8FFE6 as 100%.

0.0%	0.0% #3800D1	RGB 56 0 209	#3800D1
16.7%	16.7% #1A17D8	RGB 26 23 216	#1A17D8
33.3%	33.3% #315CE0	RGB 49 92 224	#315CE0
50.0%	50.0% #4C9BE8	RGB 76 155 232	#4C9BE8
66.7%	66.7% #69D0EF	RGB 105 208 239	#69D0EF
83.3%	83.3% #87F7F4	RGB 135 247 244	#87F7F4
100.0%	100.0% #A8FFE6	RGB 168 255 230	#A8FFE6

#3800D1 #1A17D8 #315CE0 #4C9BE8 #69D0EF #87F7F4 #A8FFE6

#3900D1 - #4C9BE8 - #A8FFE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3800D1 0%, #4C9BE8 50%, #A8FFE6 100%);
    background: -webkit-linear-gradient(top, #3800D1 0%, #4C9BE8 50%, #A8FFE6 100%);
    background: linear-gradient(to bottom, #3800D1 0%, #4C9BE8 50%, #A8FFE6 100%);
}
</style>