#73C7FF - #CDDFE7 | 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 #73C7FF to #CDDFE7

#73C7FF #CDDFE7

Calculate the color between two colors, #73C7FF and #CDDFE7. 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)

#73C7FF - #CDDFE7 | 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 #73C7FF as 0% and #CDDFE7 as 100%.

0.0%	0.0% #73C7FF	RGB 115 199 255	#73C7FF
16.7%	16.7% #82CBFB	RGB 130 203 251	#82CBFB
33.3%	33.3% #91CFF7	RGB 145 207 247	#91CFF7
50.0%	50.0% #A0D3F3	RGB 160 211 243	#A0D3F3
66.7%	66.7% #AFD7EF	RGB 175 215 239	#AFD7EF
83.3%	83.3% #BEDBEB	RGB 190 219 235	#BEDBEB
100.0%	100.0% #CDDFE7	RGB 205 223 231	#CDDFE7

#73C7FF #82CBFB #91CFF7 #A0D3F3 #AFD7EF #BEDBEB #CDDFE7

#73C7FF - #CDDFE7

HSV Blend

#73C7FF - #CDDFE7 | 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 #73C7FF as 0% and #CDDFE7 as 100%.

0.0%	0.0% #73C7FF	RGB 115 199 255	#73C7FF
16.7%	16.7% #83CDFB	RGB 131 205 251	#83CDFB
33.3%	33.3% #93D2F7	RGB 147 210 247	#93D2F7
50.0%	50.0% #A2D6F3	RGB 162 214 243	#A2D6F3
66.7%	66.7% #B1DAEF	RGB 177 218 239	#B1DAEF
83.3%	83.3% #BFDCEB	RGB 191 220 235	#BFDCEB
100.0%	100.0% #CDDFE7	RGB 205 223 231	#CDDFE7

#73C7FF #83CDFB #93D2F7 #A2D6F3 #B1DAEF #BFDCEB #CDDFE7

#73C7FF - #A2D6F3 - #CDDFE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73C7FF 0%, #A2D6F3 50%, #CDDFE7 100%);
    background: -webkit-linear-gradient(top, #73C7FF 0%, #A2D6F3 50%, #CDDFE7 100%);
    background: linear-gradient(to bottom, #73C7FF 0%, #A2D6F3 50%, #CDDFE7 100%);
}
</style>