#ADCBDF - #4B8F9E | 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 #ADCBDF to #4B8F9E

#ADCBDF #4B8F9E

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

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

0.0%	0.0% #ADCBDF	RGB 173 203 223	#ADCBDF
16.7%	16.7% #9CC1D4	RGB 156 193 212	#9CC1D4
33.3%	33.3% #8CB7C9	RGB 140 183 201	#8CB7C9
50.0%	50.0% #7CADBE	RGB 124 173 190	#7CADBE
66.7%	66.7% #6BA3B3	RGB 107 163 179	#6BA3B3
83.3%	83.3% #5B99A8	RGB 91 153 168	#5B99A8
100.0%	100.0% #4B8F9E	RGB 75 143 158	#4B8F9E

#ADCBDF #9CC1D4 #8CB7C9 #7CADBE #6BA3B3 #5B99A8 #4B8F9E

#ADCBDF - #4B8F9E

HSV Blend

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

0.0%	0.0% #ADCBDF	RGB 173 203 223	#ADCBDF
16.7%	16.7% #99BFD4	RGB 153 191 212	#99BFD4
33.3%	33.3% #87B3C9	RGB 135 179 201	#87B3C9
50.0%	50.0% #77A9BE	RGB 119 169 190	#77A9BE
66.7%	66.7% #67A0B3	RGB 103 160 179	#67A0B3
83.3%	83.3% #5897A8	RGB 88 151 168	#5897A8
100.0%	100.0% #4B8F9E	RGB 75 143 158	#4B8F9E

#ADCBDF #99BFD4 #87B3C9 #77A9BE #67A0B3 #5897A8 #4B8F9E

#ADCBDF - #77A9BE - #4B8F9E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADCBDF 0%, #77A9BE 50%, #4B8F9E 100%);
    background: -webkit-linear-gradient(top, #ADCBDF 0%, #77A9BE 50%, #4B8F9E 100%);
    background: linear-gradient(to bottom, #ADCBDF 0%, #77A9BE 50%, #4B8F9E 100%);
}
</style>