#60ACE1 - #CEDEDC | 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 #60ACE1 to #CEDEDC

#60ACE1 #CEDEDC

Calculate the color between two colors, #60ACE1 and #CEDEDC. 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)

#60ACE1 - #CEDEDC | 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 #60ACE1 as 0% and #CEDEDC as 100%.

0.0%	0.0% #60ACE1	RGB 96 172 225	#60ACE1
16.7%	16.7% #72B4E0	RGB 114 180 224	#72B4E0
33.3%	33.3% #84BCDF	RGB 132 188 223	#84BCDF
50.0%	50.0% #97C5DE	RGB 151 197 222	#97C5DE
66.7%	66.7% #A9CDDD	RGB 169 205 221	#A9CDDD
83.3%	83.3% #BBD5DC	RGB 187 213 220	#BBD5DC
100.0%	100.0% #CEDEDC	RGB 206 222 220	#CEDEDC

#60ACE1 #72B4E0 #84BCDF #97C5DE #A9CDDD #BBD5DC #CEDEDC

#60ACE1 - #CEDEDC

HSV Blend

#60ACE1 - #CEDEDC | 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 #60ACE1 as 0% and #CEDEDC as 100%.

0.0%	0.0% #60ABE1	RGB 96 171 225	#60ABE1
16.7%	16.7% #72BDE0	RGB 114 189 224	#72BDE0
33.3%	33.3% #85CAE0	RGB 133 202 224	#85CAE0
50.0%	50.0% #97D5DF	RGB 151 213 223	#97D5DF
66.7%	66.7% #A9DCDF	RGB 169 220 223	#A9DCDF
83.3%	83.3% #BBDEDD	RGB 187 222 221	#BBDEDD
100.0%	100.0% #CEDEDC	RGB 206 222 220	#CEDEDC

#60ABE1 #72BDE0 #85CAE0 #97D5DF #A9DCDF #BBDEDD #CEDEDC

#60ACE1 - #97D5DF - #CEDEDC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60ABE1 0%, #97D5DF 50%, #CEDEDC 100%);
    background: -webkit-linear-gradient(top, #60ABE1 0%, #97D5DF 50%, #CEDEDC 100%);
    background: linear-gradient(to bottom, #60ABE1 0%, #97D5DF 50%, #CEDEDC 100%);
}
</style>