#C7DCDA - #5CAAAC | 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 #C7DCDA to #5CAAAC

#C7DCDA #5CAAAC

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

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

0.0%	0.0% #C7DCDA	RGB 199 220 218	#C7DCDA
16.7%	16.7% #B5D3D2	RGB 181 211 210	#B5D3D2
33.3%	33.3% #A3CBCA	RGB 163 203 202	#A3CBCA
50.0%	50.0% #91C3C3	RGB 145 195 195	#91C3C3
66.7%	66.7% #7FBABB	RGB 127 186 187	#7FBABB
83.3%	83.3% #6DB2B3	RGB 109 178 179	#6DB2B3
100.0%	100.0% #5CAAAC	RGB 92 170 172	#5CAAAC

#C7DCDA #B5D3D2 #A3CBCA #91C3C3 #7FBABB #6DB2B3 #5CAAAC

#C7DCDA - #5CAAAC

HSV Blend

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

0.0%	0.0% #C7DCDA	RGB 199 220 218	#C7DCDA
16.7%	16.7% #B2D4D1	RGB 178 212 209	#B2D4D1
33.3%	33.3% #9FCCC9	RGB 159 204 201	#9FCCC9
50.0%	50.0% #8DC4C2	RGB 141 196 194	#8DC4C2
66.7%	66.7% #7BBCBB	RGB 123 188 187	#7BBCBB
83.3%	83.3% #6BB3B4	RGB 107 179 180	#6BB3B4
100.0%	100.0% #5CAAAC	RGB 92 170 172	#5CAAAC

#C7DCDA #B2D4D1 #9FCCC9 #8DC4C2 #7BBCBB #6BB3B4 #5CAAAC

#C7DCDA - #8DC4C2 - #5CAAAC

CSS codes

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

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