#C5D4D4 - #5AA0A2 | 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 #C5D4D4 to #5AA0A2

#C5D4D4 #5AA0A2

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

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

0.0%	0.0% #C5D4D4	RGB 197 212 212	#C5D4D4
16.7%	16.7% #B3CBCB	RGB 179 203 203	#B3CBCB
33.3%	33.3% #A1C2C3	RGB 161 194 195	#A1C2C3
50.0%	50.0% #8FBABB	RGB 143 186 187	#8FBABB
66.7%	66.7% #7DB1B2	RGB 125 177 178	#7DB1B2
83.3%	83.3% #6BA8AA	RGB 107 168 170	#6BA8AA
100.0%	100.0% #5AA0A2	RGB 90 160 162	#5AA0A2

#C5D4D4 #B3CBCB #A1C2C3 #8FBABB #7DB1B2 #6BA8AA #5AA0A2

#C5D4D4 - #5AA0A2

HSV Blend

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

0.0%	0.0% #C5D4D4	RGB 197 212 212	#C5D4D4
16.7%	16.7% #B0CBCB	RGB 176 203 203	#B0CBCB
33.3%	33.3% #9DC2C3	RGB 157 194 195	#9DC2C3
50.0%	50.0% #8ABABB	RGB 138 186 187	#8ABABB
66.7%	66.7% #79B1B2	RGB 121 177 178	#79B1B2
83.3%	83.3% #69A8AA	RGB 105 168 170	#69A8AA
100.0%	100.0% #5AA0A2	RGB 90 160 162	#5AA0A2

#C5D4D4 #B0CBCB #9DC2C3 #8ABABB #79B1B2 #69A8AA #5AA0A2

#C5D4D4 - #8ABABB - #5AA0A2

CSS codes

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

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