#34CACA - #C5EFEF | 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 #34CACA to #C5EFEF

#34CACA #C5EFEF

Calculate the color between two colors, #34CACA and #C5EFEF. 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)

#34CACA - #C5EFEF | 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 #34CACA as 0% and #C5EFEF as 100%.

0.0%	0.0% #34CACA	RGB 52 202 202	#34CACA
16.7%	16.7% #4CD0D0	RGB 76 208 208	#4CD0D0
33.3%	33.3% #64D6D6	RGB 100 214 214	#64D6D6
50.0%	50.0% #7CDCDC	RGB 124 220 220	#7CDCDC
66.7%	66.7% #94E2E2	RGB 148 226 226	#94E2E2
83.3%	83.3% #ACE8E8	RGB 172 232 232	#ACE8E8
100.0%	100.0% #C5EFEF	RGB 197 239 239	#C5EFEF

#34CACA #4CD0D0 #64D6D6 #7CDCDC #94E2E2 #ACE8E8 #C5EFEF

#34CACA - #C5EFEF

HSV Blend

#34CACA - #C5EFEF | 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 #34CACA as 0% and #C5EFEF as 100%.

0.0%	0.0% #34CACA	RGB 52 202 202	#34CACA
16.7%	16.7% #49D0D0	RGB 73 208 208	#49D0D0
33.3%	33.3% #5FD6D6	RGB 95 214 214	#5FD6D6
50.0%	50.0% #77DCDC	RGB 119 220 220	#77DCDC
66.7%	66.7% #90E2E2	RGB 144 226 226	#90E2E2
83.3%	83.3% #A9E8E8	RGB 169 232 232	#A9E8E8
100.0%	100.0% #C5EFEF	RGB 197 239 239	#C5EFEF

#34CACA #49D0D0 #5FD6D6 #77DCDC #90E2E2 #A9E8E8 #C5EFEF

#34CACA - #77DCDC - #C5EFEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34CACA 0%, #77DCDC 50%, #C5EFEF 100%);
    background: -webkit-linear-gradient(top, #34CACA 0%, #77DCDC 50%, #C5EFEF 100%);
    background: linear-gradient(to bottom, #34CACA 0%, #77DCDC 50%, #C5EFEF 100%);
}
</style>