#5E91B4 - #C7CDC7 | 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 #5E91B4 to #C7CDC7

#5E91B4 #C7CDC7

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

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

0.0%	0.0% #5E91B4	RGB 94 145 180	#5E91B4
16.7%	16.7% #6F9BB7	RGB 111 155 183	#6F9BB7
33.3%	33.3% #81A5BA	RGB 129 165 186	#81A5BA
50.0%	50.0% #92AFBD	RGB 146 175 189	#92AFBD
66.7%	66.7% #A4B9C0	RGB 164 185 192	#A4B9C0
83.3%	83.3% #B5C3C3	RGB 181 195 195	#B5C3C3
100.0%	100.0% #C7CDC7	RGB 199 205 199	#C7CDC7

#5E91B4 #6F9BB7 #81A5BA #92AFBD #A4B9C0 #B5C3C3 #C7CDC7

#5E91B4 - #C7CDC7

HSV Blend

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

0.0%	0.0% #5E91B4	RGB 94 145 180	#5E91B4
16.7%	16.7% #6DABB8	RGB 109 171 184	#6DABB8
33.3%	33.3% #7EBCB8	RGB 126 188 184	#7EBCB8
50.0%	50.0% #8FC0B2	RGB 143 192 178	#8FC0B2
66.7%	66.7% #A1C4B1	RGB 161 196 177	#A1C4B1
83.3%	83.3% #B3C8B8	RGB 179 200 184	#B3C8B8
100.0%	100.0% #C7CDC7	RGB 199 205 199	#C7CDC7

#5E91B4 #6DABB8 #7EBCB8 #8FC0B2 #A1C4B1 #B3C8B8 #C7CDC7

#5E91B4 - #8FC0B2 - #C7CDC7

CSS codes

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

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