#C4D6D4 - #5BA2A2 | 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 #C4D6D4 to #5BA2A2

#C4D6D4 #5BA2A2

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

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

0.0%	0.0% #C4D6D4	RGB 196 214 212	#C4D6D4
16.7%	16.7% #B2CDCB	RGB 178 205 203	#B2CDCB
33.3%	33.3% #A1C4C3	RGB 161 196 195	#A1C4C3
50.0%	50.0% #8FBCBB	RGB 143 188 187	#8FBCBB
66.7%	66.7% #7EB3B2	RGB 126 179 178	#7EB3B2
83.3%	83.3% #6CAAAA	RGB 108 170 170	#6CAAAA
100.0%	100.0% #5BA2A2	RGB 91 162 162	#5BA2A2

#C4D6D4 #B2CDCB #A1C4C3 #8FBCBB #7EB3B2 #6CAAAA #5BA2A2

#C4D6D4 - #5BA2A2

HSV Blend

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

0.0%	0.0% #C4D6D4	RGB 196 214 212	#C4D6D4
16.7%	16.7% #AFCDCA	RGB 175 205 202	#AFCDCA
33.3%	33.3% #9CC4C1	RGB 156 196 193	#9CC4C1
50.0%	50.0% #8ABCB9	RGB 138 188 185	#8ABCB9
66.7%	66.7% #79B3B1	RGB 121 179 177	#79B3B1
83.3%	83.3% #69AAA9	RGB 105 170 169	#69AAA9
100.0%	100.0% #5BA2A2	RGB 91 162 162	#5BA2A2

#C4D6D4 #AFCDCA #9CC4C1 #8ABCB9 #79B3B1 #69AAA9 #5BA2A2

#C4D6D4 - #8ABCB9 - #5BA2A2

CSS codes

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

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