#3C43AC - #8BECC5 | 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 #3C43AC to #8BECC5

#3C43AC #8BECC5

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

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

0.0%	0.0% #3C43AC	RGB 60 67 172	#3C43AC
16.7%	16.7% #495FB0	RGB 73 95 176	#495FB0
33.3%	33.3% #567BB4	RGB 86 123 180	#567BB4
50.0%	50.0% #6397B8	RGB 99 151 184	#6397B8
66.7%	66.7% #70B3BC	RGB 112 179 188	#70B3BC
83.3%	83.3% #7DCFC0	RGB 125 207 192	#7DCFC0
100.0%	100.0% #8BECC5	RGB 139 236 197	#8BECC5

#3C43AC #495FB0 #567BB4 #6397B8 #70B3BC #7DCFC0 #8BECC5

#3C43AC - #8BECC5

HSV Blend

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

0.0%	0.0% #3C43AC	RGB 60 67 172	#3C43AC
16.7%	16.7% #4766B6	RGB 71 102 182	#4766B6
33.3%	33.3% #528BC1	RGB 82 139 193	#528BC1
50.0%	50.0% #5FAECC	RGB 95 174 204	#5FAECC
66.7%	66.7% #6DD1D6	RGB 109 209 214	#6DD1D6
83.3%	83.3% #7BE1CF	RGB 123 225 207	#7BE1CF
100.0%	100.0% #8BECC5	RGB 139 236 197	#8BECC5

#3C43AC #4766B6 #528BC1 #5FAECC #6DD1D6 #7BE1CF #8BECC5

#3C43AC - #5FAECC - #8BECC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C43AC 0%, #5FAECC 50%, #8BECC5 100%);
    background: -webkit-linear-gradient(top, #3C43AC 0%, #5FAECC 50%, #8BECC5 100%);
    background: linear-gradient(to bottom, #3C43AC 0%, #5FAECC 50%, #8BECC5 100%);
}
</style>