#CDF2ED - #61CCC6 | 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 #CDF2ED to #61CCC6

#CDF2ED #61CCC6

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

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

0.0%	0.0% #CDF2ED	RGB 205 242 237	#CDF2ED
16.7%	16.7% #BBEBE6	RGB 187 235 230	#BBEBE6
33.3%	33.3% #A9E5E0	RGB 169 229 224	#A9E5E0
50.0%	50.0% #97DFD9	RGB 151 223 217	#97DFD9
66.7%	66.7% #85D8D3	RGB 133 216 211	#85D8D3
83.3%	83.3% #73D2CC	RGB 115 210 204	#73D2CC
100.0%	100.0% #61CCC6	RGB 97 204 198	#61CCC6

#CDF2ED #BBEBE6 #A9E5E0 #97DFD9 #85D8D3 #73D2CC #61CCC6

#CDF2ED - #61CCC6

HSV Blend

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

0.0%	0.0% #CDF2ED	RGB 205 242 237	#CDF2ED
16.7%	16.7% #B9EBE5	RGB 185 235 229	#B9EBE5
33.3%	33.3% #A5E5DE	RGB 165 229 222	#A5E5DE
50.0%	50.0% #93DFD7	RGB 147 223 215	#93DFD7
66.7%	66.7% #81D8D1	RGB 129 216 209	#81D8D1
83.3%	83.3% #71D2CB	RGB 113 210 203	#71D2CB
100.0%	100.0% #61CCC6	RGB 97 204 198	#61CCC6

#CDF2ED #B9EBE5 #A5E5DE #93DFD7 #81D8D1 #71D2CB #61CCC6

#CDF2ED - #93DFD7 - #61CCC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDF2ED 0%, #93DFD7 50%, #61CCC6 100%);
    background: -webkit-linear-gradient(top, #CDF2ED 0%, #93DFD7 50%, #61CCC6 100%);
    background: linear-gradient(to bottom, #CDF2ED 0%, #93DFD7 50%, #61CCC6 100%);
}
</style>