#381ED6 - #8CFFE7 | 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 #381ED6 to #8CFFE7

#381ED6 #8CFFE7

Calculate the color between two colors, #381ED6 and #8CFFE7. 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)

#381ED6 - #8CFFE7 | 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 #381ED6 as 0% and #8CFFE7 as 100%.

0.0%	0.0% #381ED6	RGB 56 30 214	#381ED6
16.7%	16.7% #4643D8	RGB 70 67 216	#4643D8
33.3%	33.3% #5469DB	RGB 84 105 219	#5469DB
50.0%	50.0% #628EDE	RGB 98 142 222	#628EDE
66.7%	66.7% #70B4E1	RGB 112 180 225	#70B4E1
83.3%	83.3% #7ED9E4	RGB 126 217 228	#7ED9E4
100.0%	100.0% #8CFFE7	RGB 140 255 231	#8CFFE7

#381ED6 #4643D8 #5469DB #628EDE #70B4E1 #7ED9E4 #8CFFE7

#381ED6 - #8CFFE7

HSV Blend

#381ED6 - #8CFFE7 | 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 #381ED6 as 0% and #8CFFE7 as 100%.

0.0%	0.0% #371ED6	RGB 55 30 214	#371ED6
16.7%	16.7% #2E3CDC	RGB 46 60 220	#2E3CDC
33.3%	33.3% #3E71E3	RGB 62 113 227	#3E71E3
50.0%	50.0% #50A2EA	RGB 80 162 234	#50A2EA
66.7%	66.7% #63CFF1	RGB 99 207 241	#63CFF1
83.3%	83.3% #77F6F8	RGB 119 246 248	#77F6F8
100.0%	100.0% #8CFFE7	RGB 140 255 231	#8CFFE7

#371ED6 #2E3CDC #3E71E3 #50A2EA #63CFF1 #77F6F8 #8CFFE7

#381ED6 - #50A2EA - #8CFFE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #371ED6 0%, #50A2EA 50%, #8CFFE7 100%);
    background: -webkit-linear-gradient(top, #371ED6 0%, #50A2EA 50%, #8CFFE7 100%);
    background: linear-gradient(to bottom, #371ED6 0%, #50A2EA 50%, #8CFFE7 100%);
}
</style>