#61CCDA - #1F7D9A | 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 #61CCDA to #1F7D9A

#61CCDA #1F7D9A

Calculate the color between two colors, #61CCDA and #1F7D9A. 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)

#61CCDA - #1F7D9A | 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 #61CCDA as 0% and #1F7D9A as 100%.

0.0%	0.0% #61CCDA	RGB 97 204 218	#61CCDA
16.7%	16.7% #56BECF	RGB 86 190 207	#56BECF
33.3%	33.3% #4BB1C4	RGB 75 177 196	#4BB1C4
50.0%	50.0% #40A4BA	RGB 64 164 186	#40A4BA
66.7%	66.7% #3597AF	RGB 53 151 175	#3597AF
83.3%	83.3% #2A8AA4	RGB 42 138 164	#2A8AA4
100.0%	100.0% #1F7D9A	RGB 31 125 154	#1F7D9A

#61CCDA #56BECF #4BB1C4 #40A4BA #3597AF #2A8AA4 #1F7D9A

#61CCDA - #1F7D9A

HSV Blend

#61CCDA - #1F7D9A | 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 #61CCDA as 0% and #1F7D9A as 100%.

0.0%	0.0% #61CCDA	RGB 97 204 218	#61CCDA
16.7%	16.7% #53BECF	RGB 83 190 207	#53BECF
33.3%	33.3% #47B1C4	RGB 71 177 196	#47B1C4
50.0%	50.0% #3CA3BA	RGB 60 163 186	#3CA3BA
66.7%	66.7% #3196AF	RGB 49 150 175	#3196AF
83.3%	83.3% #2789A4	RGB 39 137 164	#2789A4
100.0%	100.0% #1F7D9A	RGB 31 125 154	#1F7D9A

#61CCDA #53BECF #47B1C4 #3CA3BA #3196AF #2789A4 #1F7D9A

#61CCDA - #3CA3BA - #1F7D9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61CCDA 0%, #3CA3BA 50%, #1F7D9A 100%);
    background: -webkit-linear-gradient(top, #61CCDA 0%, #3CA3BA 50%, #1F7D9A 100%);
    background: linear-gradient(to bottom, #61CCDA 0%, #3CA3BA 50%, #1F7D9A 100%);
}
</style>