#5E9ABC - #CBD2CC | 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 #5E9ABC to #CBD2CC

#5E9ABC #CBD2CC

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

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

0.0%	0.0% #5E9ABC	RGB 94 154 188	#5E9ABC
16.7%	16.7% #70A3BE	RGB 112 163 190	#70A3BE
33.3%	33.3% #82ACC1	RGB 130 172 193	#82ACC1
50.0%	50.0% #94B6C4	RGB 148 182 196	#94B6C4
66.7%	66.7% #A6BFC6	RGB 166 191 198	#A6BFC6
83.3%	83.3% #B8C8C9	RGB 184 200 201	#B8C8C9
100.0%	100.0% #CBD2CC	RGB 203 210 204	#CBD2CC

#5E9ABC #70A3BE #82ACC1 #94B6C4 #A6BFC6 #B8C8C9 #CBD2CC

#5E9ABC - #CBD2CC

HSV Blend

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

0.0%	0.0% #5E9ABC	RGB 94 154 188	#5E9ABC
16.7%	16.7% #6EB2BF	RGB 110 178 191	#6EB2BF
33.3%	33.3% #80C3C0	RGB 128 195 192	#80C3C0
50.0%	50.0% #91C7B9	RGB 145 199 185	#91C7B9
66.7%	66.7% #A4CAB9	RGB 164 202 185	#A4CAB9
83.3%	83.3% #B7CEBF	RGB 183 206 191	#B7CEBF
100.0%	100.0% #CBD2CC	RGB 203 210 204	#CBD2CC

#5E9ABC #6EB2BF #80C3C0 #91C7B9 #A4CAB9 #B7CEBF #CBD2CC

#5E9ABC - #91C7B9 - #CBD2CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9ABC 0%, #91C7B9 50%, #CBD2CC 100%);
    background: -webkit-linear-gradient(top, #5E9ABC 0%, #91C7B9 50%, #CBD2CC 100%);
    background: linear-gradient(to bottom, #5E9ABC 0%, #91C7B9 50%, #CBD2CC 100%);
}
</style>