#3E00DC - #A8FFDC | 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 #3E00DC to #A8FFDC

#3E00DC #A8FFDC

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

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

0.0%	0.0% #3E00DC	RGB 62 0 220	#3E00DC
16.7%	16.7% #4F2ADC	RGB 79 42 220	#4F2ADC
33.3%	33.3% #6155DC	RGB 97 85 220	#6155DC
50.0%	50.0% #737FDC	RGB 115 127 220	#737FDC
66.7%	66.7% #84AADC	RGB 132 170 220	#84AADC
83.3%	83.3% #96D4DC	RGB 150 212 220	#96D4DC
100.0%	100.0% #A8FFDC	RGB 168 255 220	#A8FFDC

#3E00DC #4F2ADC #6155DC #737FDC #84AADC #96D4DC #A8FFDC

#3E00DC - #A8FFDC

HSV Blend

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

0.0%	0.0% #3D00DC	RGB 61 0 220	#3D00DC
16.7%	16.7% #1918E1	RGB 25 24 225	#1918E1
33.3%	33.3% #3265E7	RGB 50 101 231	#3265E7
50.0%	50.0% #4EA7ED	RGB 78 167 237	#4EA7ED
66.7%	66.7% #6ADDF3	RGB 106 221 243	#6ADDF3
83.3%	83.3% #88F9EB	RGB 136 249 235	#88F9EB
100.0%	100.0% #A8FFDC	RGB 168 255 220	#A8FFDC

#3D00DC #1918E1 #3265E7 #4EA7ED #6ADDF3 #88F9EB #A8FFDC

#3E00DC - #4EA7ED - #A8FFDC

CSS codes

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

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