#C4C8C8 - #5A9092 | 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 #C4C8C8 to #5A9092

#C4C8C8 #5A9092

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

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

0.0%	0.0% #C4C8C8	RGB 196 200 200	#C4C8C8
16.7%	16.7% #B2BEBF	RGB 178 190 191	#B2BEBF
33.3%	33.3% #A0B5B6	RGB 160 181 182	#A0B5B6
50.0%	50.0% #8FACAD	RGB 143 172 173	#8FACAD
66.7%	66.7% #7DA2A4	RGB 125 162 164	#7DA2A4
83.3%	83.3% #6B999B	RGB 107 153 155	#6B999B
100.0%	100.0% #5A9092	RGB 90 144 146	#5A9092

#C4C8C8 #B2BEBF #A0B5B6 #8FACAD #7DA2A4 #6B999B #5A9092

#C4C8C8 - #5A9092

HSV Blend

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

0.0%	0.0% #C4C8C8	RGB 196 200 200	#C4C8C8
16.7%	16.7% #AFBEBF	RGB 175 190 191	#AFBEBF
33.3%	33.3% #9CB5B6	RGB 156 181 182	#9CB5B6
50.0%	50.0% #8AACAD	RGB 138 172 173	#8AACAD
66.7%	66.7% #78A2A4	RGB 120 162 164	#78A2A4
83.3%	83.3% #68999B	RGB 104 153 155	#68999B
100.0%	100.0% #5A9092	RGB 90 144 146	#5A9092

#C4C8C8 #AFBEBF #9CB5B6 #8AACAD #78A2A4 #68999B #5A9092

#C4C8C8 - #8AACAD - #5A9092

CSS codes

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

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