#C2DACF - #61A49C | 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 #C2DACF to #61A49C

#C2DACF #61A49C

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

#C2DACF - #61A49C | 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 #C2DACF as 0% and #61A49C as 100%.

0.0%	0.0% #C2DACF	RGB 194 218 207	#C2DACF
16.7%	16.7% #B1D1C6	RGB 177 209 198	#B1D1C6
33.3%	33.3% #A1C8BE	RGB 161 200 190	#A1C8BE
50.0%	50.0% #91BFB5	RGB 145 191 181	#91BFB5
66.7%	66.7% #81B6AD	RGB 129 182 173	#81B6AD
83.3%	83.3% #71ADA4	RGB 113 173 164	#71ADA4
100.0%	100.0% #61A49C	RGB 97 164 156	#61A49C

#C2DACF #B1D1C6 #A1C8BE #91BFB5 #81B6AD #71ADA4 #61A49C

#C2DACF - #61A49C

HSV Blend

#C2DACF - #61A49C | 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 #C2DACF as 0% and #61A49C as 100%.

0.0%	0.0% #C2DACF	RGB 194 218 207	#C2DACF
16.7%	16.7% #AFD1C3	RGB 175 209 195	#AFD1C3
33.3%	33.3% #9EC8B9	RGB 158 200 185	#9EC8B9
50.0%	50.0% #8DBFB0	RGB 141 191 176	#8DBFB0
66.7%	66.7% #7DB6A8	RGB 125 182 168	#7DB6A8
83.3%	83.3% #6EADA2	RGB 110 173 162	#6EADA2
100.0%	100.0% #61A49C	RGB 97 164 156	#61A49C

#C2DACF #AFD1C3 #9EC8B9 #8DBFB0 #7DB6A8 #6EADA2 #61A49C

#C2DACF - #8DBFB0 - #61A49C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DACF 0%, #8DBFB0 50%, #61A49C 100%);
    background: -webkit-linear-gradient(top, #C2DACF 0%, #8DBFB0 50%, #61A49C 100%);
    background: linear-gradient(to bottom, #C2DACF 0%, #8DBFB0 50%, #61A49C 100%);
}
</style>