#5E97B0 - #CFD1C5 | 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 #5E97B0 to #CFD1C5

#5E97B0 #CFD1C5

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

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

0.0%	0.0% #5E97B0	RGB 94 151 176	#5E97B0
16.7%	16.7% #70A0B3	RGB 112 160 179	#70A0B3
33.3%	33.3% #83AAB7	RGB 131 170 183	#83AAB7
50.0%	50.0% #96B4BA	RGB 150 180 186	#96B4BA
66.7%	66.7% #A9BDBE	RGB 169 189 190	#A9BDBE
83.3%	83.3% #BCC7C1	RGB 188 199 193	#BCC7C1
100.0%	100.0% #CFD1C5	RGB 207 209 197	#CFD1C5

#5E97B0 #70A0B3 #83AAB7 #96B4BA #A9BDBE #BCC7C1 #CFD1C5

#5E97B0 - #CFD1C5

HSV Blend

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

0.0%	0.0% #5E96B0	RGB 94 150 176	#5E96B0
16.7%	16.7% #6DB5B1	RGB 109 181 177	#6DB5B1
33.3%	33.3% #7DBBA1	RGB 125 187 161	#7DBBA1
50.0%	50.0% #8EC09A	RGB 142 192 154	#8EC09A
66.7%	66.7% #A4C69F	RGB 164 198 159	#A4C69F
83.3%	83.3% #BECBB1	RGB 190 203 177	#BECBB1
100.0%	100.0% #CFD1C5	RGB 207 209 197	#CFD1C5

#5E96B0 #6DB5B1 #7DBBA1 #8EC09A #A4C69F #BECBB1 #CFD1C5

#5E97B0 - #8EC09A - #CFD1C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E96B0 0%, #8EC09A 50%, #CFD1C5 100%);
    background: -webkit-linear-gradient(top, #5E96B0 0%, #8EC09A 50%, #CFD1C5 100%);
    background: linear-gradient(to bottom, #5E96B0 0%, #8EC09A 50%, #CFD1C5 100%);
}
</style>