#C8CACA - #5E9294 | 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 #C8CACA to #5E9294

#C8CACA #5E9294

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

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

0.0%	0.0% #C8CACA	RGB 200 202 202	#C8CACA
16.7%	16.7% #B6C0C1	RGB 182 192 193	#B6C0C1
33.3%	33.3% #A4B7B8	RGB 164 183 184	#A4B7B8
50.0%	50.0% #93AEAF	RGB 147 174 175	#93AEAF
66.7%	66.7% #81A4A6	RGB 129 164 166	#81A4A6
83.3%	83.3% #6F9B9D	RGB 111 155 157	#6F9B9D
100.0%	100.0% #5E9294	RGB 94 146 148	#5E9294

#C8CACA #B6C0C1 #A4B7B8 #93AEAF #81A4A6 #6F9B9D #5E9294

#C8CACA - #5E9294

HSV Blend

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

0.0%	0.0% #C8CACA	RGB 200 202 202	#C8CACA
16.7%	16.7% #B3C0C1	RGB 179 192 193	#B3C0C1
33.3%	33.3% #A0B7B8	RGB 160 183 184	#A0B7B8
50.0%	50.0% #8EAEAF	RGB 142 174 175	#8EAEAF
66.7%	66.7% #7DA4A6	RGB 125 164 166	#7DA4A6
83.3%	83.3% #6D9B9D	RGB 109 155 157	#6D9B9D
100.0%	100.0% #5E9294	RGB 94 146 148	#5E9294

#C8CACA #B3C0C1 #A0B7B8 #8EAEAF #7DA4A6 #6D9B9D #5E9294

#C8CACA - #8EAEAF - #5E9294

CSS codes

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

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