#3C43B3 - #8DF1C7 | 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 #3C43B3 to #8DF1C7

#3C43B3 #8DF1C7

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

#3C43B3 - #8DF1C7 | 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 #3C43B3 as 0% and #8DF1C7 as 100%.

0.0%	0.0% #3C43B3	RGB 60 67 179	#3C43B3
16.7%	16.7% #4960B6	RGB 73 96 182	#4960B6
33.3%	33.3% #577DB9	RGB 87 125 185	#577DB9
50.0%	50.0% #649ABD	RGB 100 154 189	#649ABD
66.7%	66.7% #72B7C0	RGB 114 183 192	#72B7C0
83.3%	83.3% #7FD4C3	RGB 127 212 195	#7FD4C3
100.0%	100.0% #8DF1C7	RGB 141 241 199	#8DF1C7

#3C43B3 #4960B6 #577DB9 #649ABD #72B7C0 #7FD4C3 #8DF1C7

#3C43B3 - #8DF1C7

HSV Blend

#3C43B3 - #8DF1C7 | 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 #3C43B3 as 0% and #8DF1C7 as 100%.

0.0%	0.0% #3C43B3	RGB 60 67 179	#3C43B3
16.7%	16.7% #4769BD	RGB 71 105 189	#4769BD
33.3%	33.3% #538FC7	RGB 83 143 199	#538FC7
50.0%	50.0% #60B4D2	RGB 96 180 210	#60B4D2
66.7%	66.7% #6ED8DC	RGB 110 216 220	#6ED8DC
83.3%	83.3% #7DE6D2	RGB 125 230 210	#7DE6D2
100.0%	100.0% #8DF1C7	RGB 141 241 199	#8DF1C7

#3C43B3 #4769BD #538FC7 #60B4D2 #6ED8DC #7DE6D2 #8DF1C7

#3C43B3 - #60B4D2 - #8DF1C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C43B3 0%, #60B4D2 50%, #8DF1C7 100%);
    background: -webkit-linear-gradient(top, #3C43B3 0%, #60B4D2 50%, #8DF1C7 100%);
    background: linear-gradient(to bottom, #3C43B3 0%, #60B4D2 50%, #8DF1C7 100%);
}
</style>