#3ECECE - #4FBDFF | 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 #3ECECE to #4FBDFF

#3ECECE #4FBDFF

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

#3ECECE - #4FBDFF | 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 #3ECECE as 0% and #4FBDFF as 100%.

0.0%	0.0% #3ECECE	RGB 62 206 206	#3ECECE
16.7%	16.7% #40CBD6	RGB 64 203 214	#40CBD6
33.3%	33.3% #43C8DE	RGB 67 200 222	#43C8DE
50.0%	50.0% #46C5E6	RGB 70 197 230	#46C5E6
66.7%	66.7% #49C2EE	RGB 73 194 238	#49C2EE
83.3%	83.3% #4CBFF6	RGB 76 191 246	#4CBFF6
100.0%	100.0% #4FBDFF	RGB 79 189 255	#4FBDFF

#3ECECE #40CBD6 #43C8DE #46C5E6 #49C2EE #4CBFF6 #4FBDFF

#3ECECE - #4FBDFF

HSV Blend

#3ECECE - #4FBDFF | 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 #3ECECE as 0% and #4FBDFF as 100%.

0.0%	0.0% #3ECECE	RGB 62 206 206	#3ECECE
16.7%	16.7% #40CCD6	RGB 64 204 214	#40CCD6
33.3%	33.3% #43CADE	RGB 67 202 222	#43CADE
50.0%	50.0% #46C8E6	RGB 70 200 230	#46C8E6
66.7%	66.7% #49C5EE	RGB 73 197 238	#49C5EE
83.3%	83.3% #4CC1F6	RGB 76 193 246	#4CC1F6
100.0%	100.0% #4FBDFF	RGB 79 189 255	#4FBDFF

#3ECECE #40CCD6 #43CADE #46C8E6 #49C5EE #4CC1F6 #4FBDFF

#3ECECE - #46C8E6 - #4FBDFF

CSS codes

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

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