#64CFDA - #1EB3B5 | 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 #64CFDA to #1EB3B5

#64CFDA #1EB3B5

Calculate the color between two colors, #64CFDA and #1EB3B5. 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)

#64CFDA - #1EB3B5 | 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 #64CFDA as 0% and #1EB3B5 as 100%.

0.0%	0.0% #64CFDA	RGB 100 207 218	#64CFDA
16.7%	16.7% #58CAD3	RGB 88 202 211	#58CAD3
33.3%	33.3% #4CC5CD	RGB 76 197 205	#4CC5CD
50.0%	50.0% #41C1C7	RGB 65 193 199	#41C1C7
66.7%	66.7% #35BCC1	RGB 53 188 193	#35BCC1
83.3%	83.3% #29B7BB	RGB 41 183 187	#29B7BB
100.0%	100.0% #1EB3B5	RGB 30 179 181	#1EB3B5

#64CFDA #58CAD3 #4CC5CD #41C1C7 #35BCC1 #29B7BB #1EB3B5

#64CFDA - #1EB3B5

HSV Blend

#64CFDA - #1EB3B5 | 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 #64CFDA as 0% and #1EB3B5 as 100%.

0.0%	0.0% #64CFDA	RGB 100 207 218	#64CFDA
16.7%	16.7% #56C9D3	RGB 86 201 211	#56C9D3
33.3%	33.3% #4AC4CD	RGB 74 196 205	#4AC4CD
50.0%	50.0% #3EC0C7	RGB 62 192 199	#3EC0C7
66.7%	66.7% #32BBC1	RGB 50 187 193	#32BBC1
83.3%	83.3% #28B7BB	RGB 40 183 187	#28B7BB
100.0%	100.0% #1EB3B5	RGB 30 179 181	#1EB3B5

#64CFDA #56C9D3 #4AC4CD #3EC0C7 #32BBC1 #28B7BB #1EB3B5

#64CFDA - #3EC0C7 - #1EB3B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64CFDA 0%, #3EC0C7 50%, #1EB3B5 100%);
    background: -webkit-linear-gradient(top, #64CFDA 0%, #3EC0C7 50%, #1EB3B5 100%);
    background: linear-gradient(to bottom, #64CFDA 0%, #3EC0C7 50%, #1EB3B5 100%);
}
</style>