#3BCFD2 - #103B3C | 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 #3BCFD2 to #103B3C

#3BCFD2 #103B3C

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

#3BCFD2 - #103B3C | 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 #3BCFD2 as 0% and #103B3C as 100%.

0.0%	0.0% #3BCFD2	RGB 59 207 210	#3BCFD2
16.7%	16.7% #33B6B9	RGB 51 182 185	#33B6B9
33.3%	33.3% #2C9DA0	RGB 44 157 160	#2C9DA0
50.0%	50.0% #258587	RGB 37 133 135	#258587
66.7%	66.7% #1E6C6E	RGB 30 108 110	#1E6C6E
83.3%	83.3% #175355	RGB 23 83 85	#175355
100.0%	100.0% #103B3C	RGB 16 59 60	#103B3C

#3BCFD2 #33B6B9 #2C9DA0 #258587 #1E6C6E #175355 #103B3C

#3BCFD2 - #103B3C

HSV Blend

#3BCFD2 - #103B3C | 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 #3BCFD2 as 0% and #103B3C as 100%.

0.0%	0.0% #3BCFD2	RGB 59 207 210	#3BCFD2
16.7%	16.7% #33B6B9	RGB 51 182 185	#33B6B9
33.3%	33.3% #2C9DA0	RGB 44 157 160	#2C9DA0
50.0%	50.0% #248487	RGB 36 132 135	#248487
66.7%	66.7% #1D6C6E	RGB 29 108 110	#1D6C6E
83.3%	83.3% #165355	RGB 22 83 85	#165355
100.0%	100.0% #103B3C	RGB 16 59 60	#103B3C

#3BCFD2 #33B6B9 #2C9DA0 #248487 #1D6C6E #165355 #103B3C

#3BCFD2 - #248487 - #103B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BCFD2 0%, #248487 50%, #103B3C 100%);
    background: -webkit-linear-gradient(top, #3BCFD2 0%, #248487 50%, #103B3C 100%);
    background: linear-gradient(to bottom, #3BCFD2 0%, #248487 50%, #103B3C 100%);
}
</style>