#5E95C7 - #C0CFD3 | 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 #5E95C7 to #C0CFD3

#5E95C7 #C0CFD3

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

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

0.0%	0.0% #5E95C7	RGB 94 149 199	#5E95C7
16.7%	16.7% #6E9EC9	RGB 110 158 201	#6E9EC9
33.3%	33.3% #7EA8CB	RGB 126 168 203	#7EA8CB
50.0%	50.0% #8FB2CD	RGB 143 178 205	#8FB2CD
66.7%	66.7% #9FBBCF	RGB 159 187 207	#9FBBCF
83.3%	83.3% #AFC5D1	RGB 175 197 209	#AFC5D1
100.0%	100.0% #C0CFD3	RGB 192 207 211	#C0CFD3

#5E95C7 #6E9EC9 #7EA8CB #8FB2CD #9FBBCF #AFC5D1 #C0CFD3

#5E95C7 - #C0CFD3

HSV Blend

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

0.0%	0.0% #5E95C7	RGB 94 149 199	#5E95C7
16.7%	16.7% #6DA1C9	RGB 109 161 201	#6DA1C9
33.3%	33.3% #7DACCB	RGB 125 172 203	#7DACCB
50.0%	50.0% #8DB7CD	RGB 141 183 205	#8DB7CD
66.7%	66.7% #9EC0CF	RGB 158 192 207	#9EC0CF
83.3%	83.3% #AEC8D1	RGB 174 200 209	#AEC8D1
100.0%	100.0% #C0CFD3	RGB 192 207 211	#C0CFD3

#5E95C7 #6DA1C9 #7DACCB #8DB7CD #9EC0CF #AEC8D1 #C0CFD3

#5E95C7 - #8DB7CD - #C0CFD3

CSS codes

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

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