#5EAFD6 - #CFDCD7 | 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 #5EAFD6 to #CFDCD7

#5EAFD6 #CFDCD7

Calculate the color between two colors, #5EAFD6 and #CFDCD7. 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)

#5EAFD6 - #CFDCD7 | 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 #5EAFD6 as 0% and #CFDCD7 as 100%.

0.0%	0.0% #5EAFD6	RGB 94 175 214	#5EAFD6
16.7%	16.7% #70B6D6	RGB 112 182 214	#70B6D6
33.3%	33.3% #83BED6	RGB 131 190 214	#83BED6
50.0%	50.0% #96C5D6	RGB 150 197 214	#96C5D6
66.7%	66.7% #A9CDD6	RGB 169 205 214	#A9CDD6
83.3%	83.3% #BCD4D6	RGB 188 212 214	#BCD4D6
100.0%	100.0% #CFDCD7	RGB 207 220 215	#CFDCD7

#5EAFD6 #70B6D6 #83BED6 #96C5D6 #A9CDD6 #BCD4D6 #CFDCD7

#5EAFD6 - #CFDCD7

HSV Blend

#5EAFD6 - #CFDCD7 | 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 #5EAFD6 as 0% and #CFDCD7 as 100%.

0.0%	0.0% #5EAFD6	RGB 94 175 214	#5EAFD6
16.7%	16.7% #70C1D7	RGB 112 193 215	#70C1D7
33.3%	33.3% #82D0D8	RGB 130 208 216	#82D0D8
50.0%	50.0% #95D9D6	RGB 149 217 214	#95D9D6
66.7%	66.7% #A8DAD2	RGB 168 218 210	#A8DAD2
83.3%	83.3% #BBDBD2	RGB 187 219 210	#BBDBD2
100.0%	100.0% #CFDCD7	RGB 207 220 215	#CFDCD7

#5EAFD6 #70C1D7 #82D0D8 #95D9D6 #A8DAD2 #BBDBD2 #CFDCD7

#5EAFD6 - #95D9D6 - #CFDCD7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAFD6 0%, #95D9D6 50%, #CFDCD7 100%);
    background: -webkit-linear-gradient(top, #5EAFD6 0%, #95D9D6 50%, #CFDCD7 100%);
    background: linear-gradient(to bottom, #5EAFD6 0%, #95D9D6 50%, #CFDCD7 100%);
}
</style>