#C4D9DC - #758CA2 | 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 #C4D9DC to #758CA2

#C4D9DC #758CA2

Calculate the color between two colors, #C4D9DC and #758CA2. 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)

#C4D9DC - #758CA2 | 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 #C4D9DC as 0% and #758CA2 as 100%.

0.0%	0.0% #C4D9DC	RGB 196 217 220	#C4D9DC
16.7%	16.7% #B6CCD2	RGB 182 204 210	#B6CCD2
33.3%	33.3% #A9BFC8	RGB 169 191 200	#A9BFC8
50.0%	50.0% #9CB2BF	RGB 156 178 191	#9CB2BF
66.7%	66.7% #8FA5B5	RGB 143 165 181	#8FA5B5
83.3%	83.3% #8298AB	RGB 130 152 171	#8298AB
100.0%	100.0% #758CA2	RGB 117 140 162	#758CA2

#C4D9DC #B6CCD2 #A9BFC8 #9CB2BF #8FA5B5 #8298AB #758CA2

#C4D9DC - #758CA2

HSV Blend

#C4D9DC - #758CA2 | 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 #C4D9DC as 0% and #758CA2 as 100%.

0.0%	0.0% #C4D9DC	RGB 196 217 220	#C4D9DC
16.7%	16.7% #B5CCD2	RGB 181 204 210	#B5CCD2
33.3%	33.3% #A7C0C8	RGB 167 192 200	#A7C0C8
50.0%	50.0% #9AB3BF	RGB 154 179 191	#9AB3BF
66.7%	66.7% #8DA6B5	RGB 141 166 181	#8DA6B5
83.3%	83.3% #8099AB	RGB 128 153 171	#8099AB
100.0%	100.0% #758CA2	RGB 117 140 162	#758CA2

#C4D9DC #B5CCD2 #A7C0C8 #9AB3BF #8DA6B5 #8099AB #758CA2

#C4D9DC - #9AB3BF - #758CA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D9DC 0%, #9AB3BF 50%, #758CA2 100%);
    background: -webkit-linear-gradient(top, #C4D9DC 0%, #9AB3BF 50%, #758CA2 100%);
    background: linear-gradient(to bottom, #C4D9DC 0%, #9AB3BF 50%, #758CA2 100%);
}
</style>