#61C5E5 - #DBE3DA | 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 #61C5E5 to #DBE3DA

#61C5E5 #DBE3DA

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

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

0.0%	0.0% #61C5E5	RGB 97 197 229	#61C5E5
16.7%	16.7% #75CAE3	RGB 117 202 227	#75CAE3
33.3%	33.3% #89CFE1	RGB 137 207 225	#89CFE1
50.0%	50.0% #9ED4DF	RGB 158 212 223	#9ED4DF
66.7%	66.7% #B2D9DD	RGB 178 217 221	#B2D9DD
83.3%	83.3% #C6DEDB	RGB 198 222 219	#C6DEDB
100.0%	100.0% #DBE3DA	RGB 219 227 218	#DBE3DA

#61C5E5 #75CAE3 #89CFE1 #9ED4DF #B2D9DD #C6DEDB #DBE3DA

#61C5E5 - #DBE3DA

HSV Blend

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

0.0%	0.0% #61C5E5	RGB 97 197 229	#61C5E5
16.7%	16.7% #75E2E4	RGB 117 226 228	#75E2E4
33.3%	33.3% #89E4D1	RGB 137 228 209	#89E4D1
50.0%	50.0% #9DE4C5	RGB 157 228 197	#9DE4C5
66.7%	66.7% #B1E3C2	RGB 177 227 194	#B1E3C2
83.3%	83.3% #C5E3C9	RGB 197 227 201	#C5E3C9
100.0%	100.0% #DBE3DA	RGB 219 227 218	#DBE3DA

#61C5E5 #75E2E4 #89E4D1 #9DE4C5 #B1E3C2 #C5E3C9 #DBE3DA

#61C5E5 - #9DE4C5 - #DBE3DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
    background: -webkit-linear-gradient(top, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
    background: linear-gradient(to bottom, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
}
</style>