#5E98B8 - #CBD1C9 | 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 #5E98B8 to #CBD1C9

#5E98B8 #CBD1C9

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

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

0.0%	0.0% #5E98B8	RGB 94 152 184	#5E98B8
16.7%	16.7% #70A1BA	RGB 112 161 186	#70A1BA
33.3%	33.3% #82ABBD	RGB 130 171 189	#82ABBD
50.0%	50.0% #94B4C0	RGB 148 180 192	#94B4C0
66.7%	66.7% #A6BEC3	RGB 166 190 195	#A6BEC3
83.3%	83.3% #B8C7C6	RGB 184 199 198	#B8C7C6
100.0%	100.0% #CBD1C9	RGB 203 209 201	#CBD1C9

#5E98B8 #70A1BA #82ABBD #94B4C0 #A6BEC3 #B8C7C6 #CBD1C9

#5E98B8 - #CBD1C9

HSV Blend

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

0.0%	0.0% #5E98B8	RGB 94 152 184	#5E98B8
16.7%	16.7% #6EB5BC	RGB 110 181 188	#6EB5BC
33.3%	33.3% #7FC0B4	RGB 127 192 180	#7FC0B4
50.0%	50.0% #90C4AD	RGB 144 196 173	#90C4AD
66.7%	66.7% #A2C8AD	RGB 162 200 173	#A2C8AD
83.3%	83.3% #B5CCB6	RGB 181 204 182	#B5CCB6
100.0%	100.0% #CBD1C9	RGB 203 209 201	#CBD1C9

#5E98B8 #6EB5BC #7FC0B4 #90C4AD #A2C8AD #B5CCB6 #CBD1C9

#5E98B8 - #90C4AD - #CBD1C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E98B8 0%, #90C4AD 50%, #CBD1C9 100%);
    background: -webkit-linear-gradient(top, #5E98B8 0%, #90C4AD 50%, #CBD1C9 100%);
    background: linear-gradient(to bottom, #5E98B8 0%, #90C4AD 50%, #CBD1C9 100%);
}
</style>