#C5CFD4 - #5A8AA2 | 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 #C5CFD4 to #5A8AA2

#C5CFD4 #5A8AA2

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

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

0.0%	0.0% #C5CFD4	RGB 197 207 212	#C5CFD4
16.7%	16.7% #B3C3CB	RGB 179 195 203	#B3C3CB
33.3%	33.3% #A1B8C3	RGB 161 184 195	#A1B8C3
50.0%	50.0% #8FACBB	RGB 143 172 187	#8FACBB
66.7%	66.7% #7DA1B2	RGB 125 161 178	#7DA1B2
83.3%	83.3% #6B95AA	RGB 107 149 170	#6B95AA
100.0%	100.0% #5A8AA2	RGB 90 138 162	#5A8AA2

#C5CFD4 #B3C3CB #A1B8C3 #8FACBB #7DA1B2 #6B95AA #5A8AA2

#C5CFD4 - #5A8AA2

HSV Blend

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

0.0%	0.0% #C5CFD4	RGB 197 207 212	#C5CFD4
16.7%	16.7% #B0C2CB	RGB 176 194 203	#B0C2CB
33.3%	33.3% #9DB6C3	RGB 157 182 195	#9DB6C3
50.0%	50.0% #8AAABB	RGB 138 170 187	#8AAABB
66.7%	66.7% #799FB2	RGB 121 159 178	#799FB2
83.3%	83.3% #6994AA	RGB 105 148 170	#6994AA
100.0%	100.0% #5A8AA2	RGB 90 138 162	#5A8AA2

#C5CFD4 #B0C2CB #9DB6C3 #8AAABB #799FB2 #6994AA #5A8AA2

#C5CFD4 - #8AAABB - #5A8AA2

CSS codes

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

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