#C7DFDC - #5DAFAD | 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 #C7DFDC to #5DAFAD

#C7DFDC #5DAFAD

Calculate the color between two colors, #C7DFDC and #5DAFAD. 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)

#C7DFDC - #5DAFAD | 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 #C7DFDC as 0% and #5DAFAD as 100%.

0.0%	0.0% #C7DFDC	RGB 199 223 220	#C7DFDC
16.7%	16.7% #B5D7D4	RGB 181 215 212	#B5D7D4
33.3%	33.3% #A3CFCC	RGB 163 207 204	#A3CFCC
50.0%	50.0% #92C7C4	RGB 146 199 196	#92C7C4
66.7%	66.7% #80BFBC	RGB 128 191 188	#80BFBC
83.3%	83.3% #6EB7B4	RGB 110 183 180	#6EB7B4
100.0%	100.0% #5DAFAD	RGB 93 175 173	#5DAFAD

#C7DFDC #B5D7D4 #A3CFCC #92C7C4 #80BFBC #6EB7B4 #5DAFAD

#C7DFDC - #5DAFAD

HSV Blend

#C7DFDC - #5DAFAD | 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 #C7DFDC as 0% and #5DAFAD as 100%.

0.0%	0.0% #C7DFDC	RGB 199 223 220	#C7DFDC
16.7%	16.7% #B2D7D3	RGB 178 215 211	#B2D7D3
33.3%	33.3% #9FCFCA	RGB 159 207 202	#9FCFCA
50.0%	50.0% #8DC7C2	RGB 141 199 194	#8DC7C2
66.7%	66.7% #7CBFBB	RGB 124 191 187	#7CBFBB
83.3%	83.3% #6CB7B3	RGB 108 183 179	#6CB7B3
100.0%	100.0% #5DAFAD	RGB 93 175 173	#5DAFAD

#C7DFDC #B2D7D3 #9FCFCA #8DC7C2 #7CBFBB #6CB7B3 #5DAFAD

#C7DFDC - #8DC7C2 - #5DAFAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DFDC 0%, #8DC7C2 50%, #5DAFAD 100%);
    background: -webkit-linear-gradient(top, #C7DFDC 0%, #8DC7C2 50%, #5DAFAD 100%);
    background: linear-gradient(to bottom, #C7DFDC 0%, #8DC7C2 50%, #5DAFAD 100%);
}
</style>