#32A4C8 - #8FDBE2 | 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 #32A4C8 to #8FDBE2

#32A4C8 #8FDBE2

Calculate the color between two colors, #32A4C8 and #8FDBE2. 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)

#32A4C8 - #8FDBE2 | 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 #32A4C8 as 0% and #8FDBE2 as 100%.

0.0%	0.0% #32A4C8	RGB 50 164 200	#32A4C8
16.7%	16.7% #41ADCC	RGB 65 173 204	#41ADCC
33.3%	33.3% #51B6D0	RGB 81 182 208	#51B6D0
50.0%	50.0% #60BFD5	RGB 96 191 213	#60BFD5
66.7%	66.7% #70C8D9	RGB 112 200 217	#70C8D9
83.3%	83.3% #7FD1DD	RGB 127 209 221	#7FD1DD
100.0%	100.0% #8FDBE2	RGB 143 219 226	#8FDBE2

#32A4C8 #41ADCC #51B6D0 #60BFD5 #70C8D9 #7FD1DD #8FDBE2

#32A4C8 - #8FDBE2

HSV Blend

#32A4C8 - #8FDBE2 | 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 #32A4C8 as 0% and #8FDBE2 as 100%.

0.0%	0.0% #32A3C8	RGB 50 163 200	#32A3C8
16.7%	16.7% #40AECC	RGB 64 174 204	#40AECC
33.3%	33.3% #4EB8D0	RGB 78 184 208	#4EB8D0
50.0%	50.0% #5EC1D5	RGB 94 193 213	#5EC1D5
66.7%	66.7% #6DCAD9	RGB 109 202 217	#6DCAD9
83.3%	83.3% #7ED3DD	RGB 126 211 221	#7ED3DD
100.0%	100.0% #8FDBE2	RGB 143 219 226	#8FDBE2

#32A3C8 #40AECC #4EB8D0 #5EC1D5 #6DCAD9 #7ED3DD #8FDBE2

#32A4C8 - #5EC1D5 - #8FDBE2

CSS codes

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

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