#72A8D6 - #CCD6D9 | 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 #72A8D6 to #CCD6D9

#72A8D6 #CCD6D9

Calculate the color between two colors, #72A8D6 and #CCD6D9. 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)

#72A8D6 - #CCD6D9 | 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 #72A8D6 as 0% and #CCD6D9 as 100%.

0.0%	0.0% #72A8D6	RGB 114 168 214	#72A8D6
16.7%	16.7% #81AFD6	RGB 129 175 214	#81AFD6
33.3%	33.3% #90B7D7	RGB 144 183 215	#90B7D7
50.0%	50.0% #9FBFD7	RGB 159 191 215	#9FBFD7
66.7%	66.7% #AEC6D8	RGB 174 198 216	#AEC6D8
83.3%	83.3% #BDCED8	RGB 189 206 216	#BDCED8
100.0%	100.0% #CCD6D9	RGB 204 214 217	#CCD6D9

#72A8D6 #81AFD6 #90B7D7 #9FBFD7 #AEC6D8 #BDCED8 #CCD6D9

#72A8D6 - #CCD6D9

HSV Blend

#72A8D6 - #CCD6D9 | 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 #72A8D6 as 0% and #CCD6D9 as 100%.

0.0%	0.0% #72A8D6	RGB 114 168 214	#72A8D6
16.7%	16.7% #80B2D6	RGB 128 178 214	#80B2D6
33.3%	33.3% #8FBBD7	RGB 143 187 215	#8FBBD7
50.0%	50.0% #9EC3D7	RGB 158 195 215	#9EC3D7
66.7%	66.7% #ADCBD8	RGB 173 203 216	#ADCBD8
83.3%	83.3% #BCD1D8	RGB 188 209 216	#BCD1D8
100.0%	100.0% #CCD6D9	RGB 204 214 217	#CCD6D9

#72A8D6 #80B2D6 #8FBBD7 #9EC3D7 #ADCBD8 #BCD1D8 #CCD6D9

#72A8D6 - #9EC3D7 - #CCD6D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72A8D6 0%, #9EC3D7 50%, #CCD6D9 100%);
    background: -webkit-linear-gradient(top, #72A8D6 0%, #9EC3D7 50%, #CCD6D9 100%);
    background: linear-gradient(to bottom, #72A8D6 0%, #9EC3D7 50%, #CCD6D9 100%);
}
</style>