#3D50FF - #A8FFB8 | 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 #3D50FF to #A8FFB8

#3D50FF #A8FFB8

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

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

0.0%	0.0% #3D50FF	RGB 61 80 255	#3D50FF
16.7%	16.7% #4E6DF3	RGB 78 109 243	#4E6DF3
33.3%	33.3% #608AE7	RGB 96 138 231	#608AE7
50.0%	50.0% #72A7DB	RGB 114 167 219	#72A7DB
66.7%	66.7% #84C4CF	RGB 132 196 207	#84C4CF
83.3%	83.3% #96E1C3	RGB 150 225 195	#96E1C3
100.0%	100.0% #A8FFB8	RGB 168 255 184	#A8FFB8

#3D50FF #4E6DF3 #608AE7 #72A7DB #84C4CF #96E1C3 #A8FFB8

#3D50FF - #A8FFB8

HSV Blend

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

0.0%	0.0% #3D4FFF	RGB 61 79 255	#3D4FFF
16.7%	16.7% #4E92FF	RGB 78 146 255	#4E92FF
33.3%	33.3% #60CAFF	RGB 96 202 255	#60CAFF
50.0%	50.0% #72F8FF	RGB 114 248 255	#72F8FF
66.7%	66.7% #84FFE1	RGB 132 255 225	#84FFE1
83.3%	83.3% #96FFC7	RGB 150 255 199	#96FFC7
100.0%	100.0% #A8FFB8	RGB 168 255 184	#A8FFB8

#3D4FFF #4E92FF #60CAFF #72F8FF #84FFE1 #96FFC7 #A8FFB8

#3D50FF - #72F8FF - #A8FFB8

CSS codes

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

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