#4D9ABF - #C4D5CF | 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 #4D9ABF to #C4D5CF

#4D9ABF #C4D5CF

Calculate the color between two colors, #4D9ABF and #C4D5CF. 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)

#4D9ABF - #C4D5CF | 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 #4D9ABF as 0% and #C4D5CF as 100%.

0.0%	0.0% #4D9ABF	RGB 77 154 191	#4D9ABF
16.7%	16.7% #60A3C1	RGB 96 163 193	#60A3C1
33.3%	33.3% #74ADC4	RGB 116 173 196	#74ADC4
50.0%	50.0% #88B7C7	RGB 136 183 199	#88B7C7
66.7%	66.7% #9CC1C9	RGB 156 193 201	#9CC1C9
83.3%	83.3% #B0CBCC	RGB 176 203 204	#B0CBCC
100.0%	100.0% #C4D5CF	RGB 196 213 207	#C4D5CF

#4D9ABF #60A3C1 #74ADC4 #88B7C7 #9CC1C9 #B0CBCC #C4D5CF

#4D9ABF - #C4D5CF

HSV Blend

#4D9ABF - #C4D5CF | 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 #4D9ABF as 0% and #C4D5CF as 100%.

0.0%	0.0% #4D9ABF	RGB 77 154 191	#4D9ABF
16.7%	16.7% #5FADC2	RGB 95 173 194	#5FADC2
33.3%	33.3% #72BEC6	RGB 114 190 198	#72BEC6
50.0%	50.0% #85CAC9	RGB 133 202 201	#85CAC9
66.7%	66.7% #99CDC7	RGB 153 205 199	#99CDC7
83.3%	83.3% #AED1C8	RGB 174 209 200	#AED1C8
100.0%	100.0% #C4D5CF	RGB 196 213 207	#C4D5CF

#4D9ABF #5FADC2 #72BEC6 #85CAC9 #99CDC7 #AED1C8 #C4D5CF

#4D9ABF - #85CAC9 - #C4D5CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9ABF 0%, #85CAC9 50%, #C4D5CF 100%);
    background: -webkit-linear-gradient(top, #4D9ABF 0%, #85CAC9 50%, #C4D5CF 100%);
    background: linear-gradient(to bottom, #4D9ABF 0%, #85CAC9 50%, #C4D5CF 100%);
}
</style>