#C4D2D0 - #5C9C9D | 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 #C4D2D0 to #5C9C9D

#C4D2D0 #5C9C9D

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

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

0.0%	0.0% #C4D2D0	RGB 196 210 208	#C4D2D0
16.7%	16.7% #B2C9C7	RGB 178 201 199	#B2C9C7
33.3%	33.3% #A1C0BF	RGB 161 192 191	#A1C0BF
50.0%	50.0% #90B7B6	RGB 144 183 182	#90B7B6
66.7%	66.7% #7EAEAE	RGB 126 174 174	#7EAEAE
83.3%	83.3% #6DA5A5	RGB 109 165 165	#6DA5A5
100.0%	100.0% #5C9C9D	RGB 92 156 157	#5C9C9D

#C4D2D0 #B2C9C7 #A1C0BF #90B7B6 #7EAEAE #6DA5A5 #5C9C9D

#C4D2D0 - #5C9C9D

HSV Blend

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

0.0%	0.0% #C4D2D0	RGB 196 210 208	#C4D2D0
16.7%	16.7% #B0C9C6	RGB 176 201 198	#B0C9C6
33.3%	33.3% #9DC0BD	RGB 157 192 189	#9DC0BD
50.0%	50.0% #8BB7B4	RGB 139 183 180	#8BB7B4
66.7%	66.7% #7AAEAC	RGB 122 174 172	#7AAEAC
83.3%	83.3% #6AA5A5	RGB 106 165 165	#6AA5A5
100.0%	100.0% #5C9C9D	RGB 92 156 157	#5C9C9D

#C4D2D0 #B0C9C6 #9DC0BD #8BB7B4 #7AAEAC #6AA5A5 #5C9C9D

#C4D2D0 - #8BB7B4 - #5C9C9D

CSS codes

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

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