#C7DCDB - #5CABAC | 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 #C7DCDB to #5CABAC

#C7DCDB #5CABAC

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

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

0.0%	0.0% #C7DCDB	RGB 199 220 219	#C7DCDB
16.7%	16.7% #B5D3D3	RGB 181 211 211	#B5D3D3
33.3%	33.3% #A3CBCB	RGB 163 203 203	#A3CBCB
50.0%	50.0% #91C3C3	RGB 145 195 195	#91C3C3
66.7%	66.7% #7FBBBB	RGB 127 187 187	#7FBBBB
83.3%	83.3% #6DB3B3	RGB 109 179 179	#6DB3B3
100.0%	100.0% #5CABAC	RGB 92 171 172	#5CABAC

#C7DCDB #B5D3D3 #A3CBCB #91C3C3 #7FBBBB #6DB3B3 #5CABAC

#C7DCDB - #5CABAC

HSV Blend

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

0.0%	0.0% #C7DCDB	RGB 199 220 219	#C7DCDB
16.7%	16.7% #B2D4D2	RGB 178 212 210	#B2D4D2
33.3%	33.3% #9FCCCA	RGB 159 204 202	#9FCCCA
50.0%	50.0% #8DC4C3	RGB 141 196 195	#8DC4C3
66.7%	66.7% #7BBCBB	RGB 123 188 187	#7BBCBB
83.3%	83.3% #6BB3B4	RGB 107 179 180	#6BB3B4
100.0%	100.0% #5CABAC	RGB 92 171 172	#5CABAC

#C7DCDB #B2D4D2 #9FCCCA #8DC4C3 #7BBCBB #6BB3B4 #5CABAC

#C7DCDB - #8DC4C3 - #5CABAC

CSS codes

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

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