#5E9FBD - #CFD5CC | 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 #5E9FBD to #CFD5CC

#5E9FBD #CFD5CC

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

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

0.0%	0.0% #5E9FBD	RGB 94 159 189	#5E9FBD
16.7%	16.7% #70A8BF	RGB 112 168 191	#70A8BF
33.3%	33.3% #83B1C2	RGB 131 177 194	#83B1C2
50.0%	50.0% #96BAC4	RGB 150 186 196	#96BAC4
66.7%	66.7% #A9C3C7	RGB 169 195 199	#A9C3C7
83.3%	83.3% #BCCCC9	RGB 188 204 201	#BCCCC9
100.0%	100.0% #CFD5CC	RGB 207 213 204	#CFD5CC

#5E9FBD #70A8BF #83B1C2 #96BAC4 #A9C3C7 #BCCCC9 #CFD5CC

#5E9FBD - #CFD5CC

HSV Blend

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

0.0%	0.0% #5E9FBD	RGB 94 159 189	#5E9FBD
16.7%	16.7% #6EBDC1	RGB 110 189 193	#6EBDC1
33.3%	33.3% #80C5B4	RGB 128 197 180	#80C5B4
50.0%	50.0% #92C9AD	RGB 146 201 173	#92C9AD
66.7%	66.7% #A4CDAD	RGB 164 205 173	#A4CDAD
83.3%	83.3% #B9D1B8	RGB 185 209 184	#B9D1B8
100.0%	100.0% #CFD5CC	RGB 207 213 204	#CFD5CC

#5E9FBD #6EBDC1 #80C5B4 #92C9AD #A4CDAD #B9D1B8 #CFD5CC

#5E9FBD - #92C9AD - #CFD5CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9FBD 0%, #92C9AD 50%, #CFD5CC 100%);
    background: -webkit-linear-gradient(top, #5E9FBD 0%, #92C9AD 50%, #CFD5CC 100%);
    background: linear-gradient(to bottom, #5E9FBD 0%, #92C9AD 50%, #CFD5CC 100%);
}
</style>