#C0D9DF - #5596AF | 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 #C0D9DF to #5596AF

#C0D9DF #5596AF

Calculate the color between two colors, #C0D9DF and #5596AF. 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)

#C0D9DF - #5596AF | 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 #C0D9DF as 0% and #5596AF as 100%.

0.0%	0.0% #C0D9DF	RGB 192 217 223	#C0D9DF
16.7%	16.7% #AECDD7	RGB 174 205 215	#AECDD7
33.3%	33.3% #9CC2CF	RGB 156 194 207	#9CC2CF
50.0%	50.0% #8AB7C7	RGB 138 183 199	#8AB7C7
66.7%	66.7% #78ACBF	RGB 120 172 191	#78ACBF
83.3%	83.3% #66A1B7	RGB 102 161 183	#66A1B7
100.0%	100.0% #5596AF	RGB 85 150 175	#5596AF

#C0D9DF #AECDD7 #9CC2CF #8AB7C7 #78ACBF #66A1B7 #5596AF

#C0D9DF - #5596AF

HSV Blend

#C0D9DF - #5596AF | 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 #C0D9DF as 0% and #5596AF as 100%.

0.0%	0.0% #C0D9DF	RGB 192 217 223	#C0D9DF
16.7%	16.7% #ABCED7	RGB 171 206 215	#ABCED7
33.3%	33.3% #98C2CF	RGB 152 194 207	#98C2CF
50.0%	50.0% #85B7C7	RGB 133 183 199	#85B7C7
66.7%	66.7% #74ACBF	RGB 116 172 191	#74ACBF
83.3%	83.3% #64A1B7	RGB 100 161 183	#64A1B7
100.0%	100.0% #5596AF	RGB 85 150 175	#5596AF

#C0D9DF #ABCED7 #98C2CF #85B7C7 #74ACBF #64A1B7 #5596AF

#C0D9DF - #85B7C7 - #5596AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D9DF 0%, #85B7C7 50%, #5596AF 100%);
    background: -webkit-linear-gradient(top, #C0D9DF 0%, #85B7C7 50%, #5596AF 100%);
    background: linear-gradient(to bottom, #C0D9DF 0%, #85B7C7 50%, #5596AF 100%);
}
</style>