#5EACD3 - #CEDBD6 | 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 #5EACD3 to #CEDBD6

#5EACD3 #CEDBD6

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

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

0.0%	0.0% #5EACD3	RGB 94 172 211	#5EACD3
16.7%	16.7% #70B3D3	RGB 112 179 211	#70B3D3
33.3%	33.3% #83BBD4	RGB 131 187 212	#83BBD4
50.0%	50.0% #96C3D4	RGB 150 195 212	#96C3D4
66.7%	66.7% #A8CBD5	RGB 168 203 213	#A8CBD5
83.3%	83.3% #BBD3D5	RGB 187 211 213	#BBD3D5
100.0%	100.0% #CEDBD6	RGB 206 219 214	#CEDBD6

#5EACD3 #70B3D3 #83BBD4 #96C3D4 #A8CBD5 #BBD3D5 #CEDBD6

#5EACD3 - #CEDBD6

HSV Blend

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

0.0%	0.0% #5DABD3	RGB 93 171 211	#5DABD3
16.7%	16.7% #70BED4	RGB 112 190 212	#70BED4
33.3%	33.3% #82CDD5	RGB 130 205 213	#82CDD5
50.0%	50.0% #95D7D5	RGB 149 215 213	#95D7D5
66.7%	66.7% #A7D8D1	RGB 167 216 209	#A7D8D1
83.3%	83.3% #BAD9D1	RGB 186 217 209	#BAD9D1
100.0%	100.0% #CEDBD6	RGB 206 219 214	#CEDBD6

#5DABD3 #70BED4 #82CDD5 #95D7D5 #A7D8D1 #BAD9D1 #CEDBD6

#5EACD3 - #95D7D5 - #CEDBD6

CSS codes

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

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